当Chrome中的元素不可见时,<video>自动播放会暂停吗?

时间:2016-12-09 11:01:29

标签: javascript google-chrome webkit blink

我有视频标记,其中包含自动播放属性。它的隐藏&#34;因为它嵌套在容器中, display:none 已应用。

但是,Chrome中此页面标签的CPU使用率似乎空闲(约20%)。页面上没有其他内容。

隐藏时视频标签会暂停自动播放吗?作为参考,iOS 10中基于WebKit的Safari在屏幕上不可见时暂停视频标签上的自动播放(https://webkit.org/blog/6784/new-video-policies-for-ios/)。但是,如果Chrome确实如此,我确认未经证实,因为它使用了Webkit的Blink fork。

Chrome Mac 55.0.2883.75(64位)

1 个答案:

答案 0 :(得分:0)

来自w3c docs

  

自动播放 =“自动播放”或“”(空字符串)或空

     

指示UA尽快自动开始播放视频   因为它可以不停地这样做。

属性display: none只会阻止显示该元素,但它仍会被加载。 display:none无法阻止视频加载。因此,可播放的视频将被播放。

以下是the question关于使用display:none加载图片的信息。