javascript - Display CSS 属性设置为 none 后视频自动播放

Question

我有一个 iframe，其 src 是一个有自动播放视频的网站。 iframe 具有 display:none; css 属性。我已经尝试在我的 iframe 上设置 autoplay="false" 但视频仍然自动播放。这是我的代码

<iframe id="content_cb2" autoplay="false" src="http://www.tablettraining.net/"></iframe></a>

CSS

#content_cb2{

   width: 100%; 
    height: 500px;
display: none;

}

这是 fiddle 。您会注意到视频将自动播放 http://jsfiddle.net/uprosoft/csRWe/

非常感谢任何阻止视频自动播放的帮助。

Answer 1

实际上该页面中的视频是从 Vimeo 加载的..

你可以直接嵌入你的页面而不需要 tablettraining.net

<iframe src="http://player.vimeo.com/video/59917891?title=0&amp;byline=0&amp;portrait=0&amp;autoplay=1" width="400" height="300" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

您会看到 url 参数“autoplay=1”，这就是您将其设置为自动播放的方式!