變更YouTube使用HTML5的視頻播放器

Question

我有一個HTML5 YouTube播放器在我的網站時，使用Javascript：

<iframe id="video1" 
     width="600" 
     height="283" 
     src="youtubeurl" 
     frameborder="0" 
     allowfullscreen></iframe> 

呈現OK。現在我想改變基於一個JavaScript函數調用正在播放的視頻：

function doSomething() { ... } 

這裏是我試過。

$("#video1").attr('src', 'otherURL' + '?' + "wmode=transparen"); 
$('#video1').hide(); 
setTimeout(function() { 
    $('#video1').show(); }, 100); 

但沒有反應！我怎樣才能做到這一點？

Answer 1

您是否嘗試將YouTube播放器嵌入到您的網頁中？如果你這樣做，它會讓你的生活更輕鬆地嘗試操作播放器的功能。

一些嵌入式播放器的功能包括：

loadVideoByUrl() 
playVideo() 
nextVideo() 

你可以找到你需要的一切here in the YouTube JavaScript API

您可以使用examples detailed here.

Answer 2

要控制YouTube播放你嵌入您的播放器到iframe最好使用YouTube API。這很容易。看看這個例子http://jsfiddle.net/uLygZ/1/我試圖免費jQuery調用，但請注意我的腳本在document-ready處理程序中執行。

欲瞭解更多信息，請參閱https://developers.google.com/youtube/