JS YouTube API Chromeless Player

Question

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

Answer 1

你会调用JavaScript函数按文档，

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

但增加的参数给它。基本上，你创建你的页面上的一个div与特定的ID

<div id=myplayer></div> 

然后调用YouTube播放器的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' 
     } 
    }); 
    } 

但从列表，在此具体参数： https://developers.google.com/youtube/player_parameters

，所以我们'd将这些playerVars添加到该函数中，用以下函数替换上面的函数：

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

然后，您可以使用JavaScript来停止/暂停/开始视频

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

最基本的做法是使对这些链接的onclick事件，如

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

等