页面加载时jQuery播放iframe嵌入式YouTube视频
页面加载时jQuery播放iframe嵌入式YouTube视频
提问于 2017-08-10 17:54:32
我想自动播放Iframe嵌入youtube视频页面或文件加载，而不是任何点击事件。
我尝试了以下方法，但它不能在chrome和移动设备上播放。
<iframe width="800" height="400" src="https://www.youtube.com/embed/W0LHTWG-UmQ?autoplay=1" frameborder="0" allowfullscreen></iframe>
第二种方式
jQuery(document).ready(function() {
jQuery('#playvideo').click(function(ev) {
jQuery("#video_played")[0].src += "&autoplay=1";
ev.preventDefault();
});
setTimeout(function() {
jQuery('#playvideo').trigger('click');
}, 4000);
}); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<iframe id="video_played" src="https://www.youtube.com/embed/W0LHTWG-UmQ?controls=0&showinfo=0&rel=0&loop=1&playlist=W0LHTWG-UmQ&autoplay=1" frameborder="0" allowfullscreen></iframe>
<a rel="wp-video-lightbox" style="display: none;" href="#" id="playvideo">Play video</a>
我只想在加载页面期间播放youtube嵌入的视频，而不是任何点击事件。
回答 3
Stack Overflow用户
发布于 2018-08-23 01:25:11
除非你将静音添加到视频，否则不会在chrome上自动播放。mute=1
Stack Overflow用户
发布于 2017-08-10 18:02:21
在这里，您可以使用解决方案https://codepen.io/Shiladitya/pen/prwJKB
iframe {
width: 100%
}<iframe height="345" src="http://www.youtube.com/embed/oHg5SJYRHA0?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>
只需添加?rel=0&autoplay=1
Stack Overflow用户
发布于 2018-03-01 20:44:27
你可以在youtube链接的末尾添加autoplay=1。请参考以下内容。
<iframe width="1280" height="720" src="https://www.youtube.com/embed/ofKxLfdUGnk?autoplay=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> 页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45610369
复制相关文章
相似问题
腾讯云开发者
