YouTube Iframeembedded自动播放

我正在尝试embeddedYouTubevideo的新iframe版本,并将其自动播放。

据我所知,没有办法通过修改标志到URL来做到这一点。 有没有办法通过使用JavaScript和API来做到这一点?

这适用于Chrome而不是Firefox 3.6(警告:RickRollvideo):

 <iframe width="420" height="345" src="http://www.youtube.com/embed/oHg5SJYRHA0?autoplay=1" frameborder="0" allowfullscreen></iframe> 

iframeembedded的JavaScript API存在,但仍作为实验性function发布。

更新:现在完全支持iframe API, “创buildYT.Player对象 – 示例2”展示了如何在JavaScript中设置“自动播放”。

youtube的embedded代码默认情况下会自动closures。 只需在“src”属性的末尾添加autoplay=1 。 例如:

 <iframe src="http://www.youtube.com/embed/xzvScRnF6MU?autoplay=1" width="960" height="447" frameborder="0" allowfullscreen></iframe> 

2014 iframeembedded如何embedded自动播放youtubevideo和剪辑结束没有build议的video

 rel=0&amp;autoplay 

下面的例子:。

 <iframe width="640" height="360" src="//www.youtube.com/embed/JWgp7Ny3bOo?rel=0&amp;autoplay=1" frameborder="0" allowfullscreen></iframe> 

访问我的网站,给我发一封电子邮件,如果需要,我可以帮你。 http://www.imediafy.com

您可以在IFRAME和OBJECTembedded中使用的标志或参数logging在此处; 关于哪个参数适用于哪个播放器的细节也清楚地提到:

YouTubeembedded式播放器和播放器参数

您会注意到所有玩家都支持autoplay播放(AS3,AS2和HTML5)。

多个查询提示给那些不知道的人(过去和未来)

如果你只是使用url进行单个查询?autoplay=1作用如mjhm的答案所示

 <iframe src="https://www.youtube.com/embed/oHg5SJYRHA0?autoplay=1"></iframe> 

如果您正在进行多个查询,请记住第一个以一个? 而其余的以&

假设您要closures相关video,但启用自动播放function…

这工作

 <iframe src="https://www.youtube.com/embed/oHg5SJYRHA0?rel=0&autoplay=1"></iframe> 

这工作

 <iframe src="https://www.youtube.com/embed/oHg5SJYRHA0?autoplay=1&rel=0"></iframe> 

但是这些都不行

 <iframe src="https://www.youtube.com/embed/oHg5SJYRHA0?rel=0?autoplay=1"></iframe> <iframe src="https://www.youtube.com/embed/oHg5SJYRHA0&autoplay=1&rel=0"></iframe> 

示例比较

https://jsfiddle.net/Hastig/p4dpo5y4/

更多信息

请阅读下面的NextLocal的回复,了解更多关于使用多个查询string的信息

在iframe src的末尾添加&enablejsapi=1以允许在video上使用js API

然后用jquery:

 jQuery(document).ready(function( $ ) { $('.video-selector iframe')[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*'); }); 

这应该在document.ready上自动播放video

注意,你也可以在点击function中使用这个来点击另一个元素来启动video

更重要的是,您无法在移动设备上自动启动video,因此用户必须始终点击video播放器才能开始video

编辑:我实际上不是100%确定在document.ready iframe将准备好,因为YouTube仍然可以加载video。 我实际上在一个点击函数中使用这个函数:

 $('.video-container').on('click', function(){ $('video-selector iframe')[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*'); // add other code here to swap a custom image, etc }); 

1 – 将&enablejsapi=1添加到IFRAME SRC

2 – jQuery的function:

  $('iframe#your_video')[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*'); 

工作正常

要使用JavaScript API,

 <script type="text/javascript" src="swfobject.js"></script> <div id="ytapiplayer"> You need Flash player 8+ and JavaScript enabled to view this video. </div> <script type="text/javascript"> var params = { allowScriptAccess: "always" }; var atts = { id: "myytplayer" }; swfobject.embedSWF("http://www.youtube.com/v/OyHoZhLdgYw?enablejsapi=1&playerapiid=ytplayer&version=3", "ytapiplayer", "425", "356", "8", null, null, params, atts); </script> 

用id来播放youtube:

 swfobject.embedSWF 

参考: https : //developers.google.com/youtube/js_api_reference 杂志

 <iframe width="560" height="315" src="https://www.youtube.com/embed/9IILMHo4RCQ?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1" frameborder="0" allowfullscreen></iframe>