当元素在 Chrome 中不可见时，<video> 是否会暂停自动播放？

Question

我有一个 video 标记，其中 autoplay 属性已打开。它是“隐藏的”，因为它嵌套在应用了 display: none 的容器中。

但是，Chrome 中此页面标签的 CPU 使用率似乎很高（大约 20%）。页面上没有其他内容。

视频标签在隐藏时会暂停自动播放吗？作为参考，iOS 10 中基于 WebKit 的 Safari 在屏幕上不可见时会暂停视频标签上的自动播放 (https://webkit.org/blog/6784/new-video-policies-for-ios/)。但我不确定 Chrome 是否会这样做，因为它使用了 Webkit 的 Blink 分支。

Chrome Mac 55.0.2883.75（64 位）

Answer 1

来自w3c docs：

自动播放 =“自动播放”或“”（空字符串）或空

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

属性display: none 只会阻止元素被显示，但它仍会被加载。 display:none 不会阻止视频加载。因此，当视频可以播放时，它将被播放。

这里是the question 关于使用display:none 加载图像的内容。