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> 

等