如何在页面加载 10 秒后通过自动播放启动 youtube 视频？ [关闭]

Question

您好，我想在页面加载完成 10 秒后自动播放 youtube 视频。有什么办法可以做到这一点 jQuery 或 javascript。我想在 wordpress 网站上执行此操作。 开发站点链接：-

http://www.mediationadvantage.com/（左侧视频需要启动）

请给出一些想法或在 jsfiddle 上展示一些示例。

谢谢

Answer 1

如果您设置autoplay = 1，YouTube 参数之一是自动播放视频将在播放器加载时自动播放，默认为0 就像这个

<iframe width="420" height="315" src="http://www.youtube.com/embed/XGSy3_Czz8k">
</iframe>

所以我的想法是将此参数autoplay=1 添加到链接，但在 10 秒后使用 setTimeout 函数，在这里工作

setTimeout(function() {
  var url = $('iframe').attr('src')
  url = url+'?autoplay=1';
  $('iframe').attr('src', url)
}, 2000); // 2000 = 2s, 10s= 10000

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<iframe width="420" height="315"
src="http://www.youtube.com/embed/XGSy3_Czz8k">
</iframe>

看到这个PEN

Answer 2

您可以添加不带任何查询参数的嵌入框架。

<iframe id="videoframe" width="560" height="315" src="https://www.youtube.com/embed/EuaYIttIowY" frameborder="0" allowfullscreen></iframe>

然后你可以在javascript中创建一个函数来改变iframe标签的属性'src'

function autoPlayVideo() {
  var videoframe = document.getElementById('videoframe');
  videoframe.src = videoframe.src + '?rel=0&autoplay=1';
}

然后你可以添加一个简单的行来设置超时 10 秒

setTimeout(autoPlayVideo(), 10000);

请在fiddlefiddle查看工作模式