0

我在网站中嵌入了一个 YouTube 视频，但我想通过单击播放器外部的自定义按钮开始播放它。

在网络上进行了一些研究后，我尝试了这段 js：

$(document).ready(function() {
    $.getScript('http://www.youtube.com/player_api');


    $('#playvideo').click( function() {
         thevid=document.getElementById('thevideo'); thevid.style.display='block'; this.style.display='none'; $('#video').playVideo();
    });
});

其中#playvideo 是按钮，#video 是 YouTube iframe。

这是嵌入的html代码：

<iframe id="video" width="266" height="150" src="http://www.youtube-nocookie.com/embed/uJnHiN-GsZM?rel=0&showinfo=0&controls=2&enablejsapi=1" frameborder="0" allowfullscreen></iframe>

但它不适用于任何浏览器，并且我收到此 JS 错误：

未捕获的类型错误：对象 [object Object] 没有方法“playVideo”

谁能给我一些建议？

4

2 回答 2

1

You are referencing the video with an ID of thevideo here:

document.getElementById('thevideo')

But you later try referencing the video with an ID of video here:

$('#video').playVideo();

Make sure all of your IDs and references are correct. Then let us know if the problem persists.

于 2013-04-19T20:25:26.470 回答
0

player = YT.Player('player'); player.playVideo();请改用var

于 2013-04-19T20:18:49.897 回答