JS YouTube API Chromeless Player [英] JS YouTube API Chromeless Player

问题描述

我如何将一个无聊的YouTube播放器嵌入到我的网页中，YouTube api文档只提供Javascript功能，您是否嵌入iframe或使用视频标签，以及如何控制无铬播放器。

$ b

解决方案

您可以根据文档调用javascript函数，

https://developers.google.com/youtube/iframe_api_reference#Loading_a_Video_Player

<但是可以添加参数。基本上，你创建一个具有特定ID的页面的div

 < div id = myplayer>< / div> 
  

然后调用youtube播放器javascript

 <脚本> 
 var tag = document.createElement（'script'）; 
 
 tag.src =https://www.youtube.com/iframe_api; 
 var firstScriptTag = document.getElementsByTagName（'script'）[0]; 
 firstScriptTag.parentNode.insertBefore（tag，firstScriptTag）; 
 
 var player; 
 function onYouTubeIframeAPIReady（）{
 player = new YT.Player（'myplayer'，{
 height：'390'，
 width：'640'，
 videoId ：'M7lc1UVf-VE'
} 
}）; 
 
 $ / code> 

但是从这里列出的具体参数：
https://developers.google.com/youtube/player_parameters

我们将这些playerVars添加到函数中，用上面的函数替换上面的函数：
$ b $ pre $函数onYouTubeIframeAPIReady（）{
player = new YT.Player（'myplayer'，{
height：'390'，
width：'640'，
videoId：'M7lc1UVf-VE'，
playerVars： {'controls'：0，'showinfo'：0}
}）;然后，你会使用JavaScript来停止/暂停/启动视频
$ / code>

/ b>

  player.playVideo（）
 player.pauseVideo（）
 player.stopVideo（）
  

最基本的做法是为链接制作这些onclick事件，例如

 < a href ='＃'onclick ='javascript：player.playVideo（）;返回true;'>播放< / a> 
  

等。

How would i embed a chromeless YouTube Player into my webpage, The YouTube api Documents only give Javascript functions, do you embed with iframe or use a video tag and also how do you control the chromeless player.

解决方案

You'd call the javascript function as per the documentation,

https://developers.google.com/youtube/iframe_api_reference#Loading_a_Video_Player

but add arguments to it. Basically, you create a div on your page with a particular ID

<div id=myplayer></div>

then call the youtube player javascript

<script>
  var tag = document.createElement('script');

  tag.src = "https://www.youtube.com/iframe_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

  var player;
  function onYouTubeIframeAPIReady() {
    player = new YT.Player('myplayer', {
      height: '390',
      width: '640',
      videoId: 'M7lc1UVf-VE'
      }
    });
  }

but with specific arguments from the list here: https://developers.google.com/youtube/player_parameters

so we'd add those playerVars into the function, replacing the function above with this:

  function onYouTubeIframeAPIReady() {
    player = new YT.Player('myplayer', {
      height: '390',
      width: '640',
      videoId: 'M7lc1UVf-VE',
      playerVars: { 'controls': 0, 'showinfo': 0 }
    });
  }

Then, you'd use javascript to stop/pause/start the video

player.playVideo()
player.pauseVideo()
player.stopVideo()

The most basic approach would be to make these onclick events for links, eg

<a href='#' onclick='javascript:player.playVideo(); return true;'>Play</a> 

etc.

这篇关于JS YouTube API Chromeless Player的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！