javascript - 使用 HTML5 播放器时使用 Javascript 更改 Youtube 视频

Question

我的网站上有一个 HTML5 YouTube 播放器：

<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);

但是什么也没有发生！我怎样才能做到这一点？

score 0 · Accepted Answer

要控制 YouTube 播放器，您最好使用 YouTube API。这很容易。看看这个例子http://jsfiddle.net/uLygZ/1/我试图摆脱 jQuery 调用，但请注意我的脚本是在document-ready处理程序中执行的。

score 0 · Accepted Answer

您是否尝试过将 YouTube 播放器嵌入到您的页面中？如果你这样做，它会让你更轻松地尝试操作播放器功能。

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

 loadVideoByUrl()
 playVideo()
 nextVideo()

iframe您可以使用此处详述的示例将播放器嵌入到一个中。

2 回答 2