YouTube API：自定义按钮开始播放嵌入的视频

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

在网络上经过一番研究，我已经试过这件作品的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错误：

遗漏的类型错误：对象的翻译：没有方法'playVideo'

任何人都可以给我一些建议？

来源

2013-04-18 Stefano

您正在使用哪种浏览器？不同的浏览器可能会略有不同... –

它不适用于最新版本的Chrome，Firefox，Safari，Opera和IE10 – Stefano

刚刚在jsfiddle.net尝试工作正常。 –

你引用的视频与thevideo的ID在这里：

document.getElementById('thevideo')

但您稍后尝试与video这里的ID引用视频：

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

Make确保你所有的ID和引用都是正确的。然后让我们知道问题是否存在。

来源

2013-04-19 20:25:26

请尝试变种player = YT.Player('player'); player.playVideo();代替

来源

2013-04-19 20:18:49

YouTube API：自定义按钮开始播放嵌入的视频

回答

相关问题