javascript - 如何使用 HTML5 video 标签防止 CPU 使用率过高？

Question

我正在尝试使用 HTML5 视频标签同时预加载 20 个视频

<video id="video-detail-<%=id%>" class="video-js vjs-default-skin" 
    loop 
    autoplay="none"
    width="640" height="360">
    <source src="movie.mp4" type="video/mp4" />
</video>

此视频作为模板位于 Bootstrap 的弹出窗口中。为了使这些视频自动播放，我正在使用正在监听鼠标悬停事件的 videoJS

我的 CPU 使用率很高，尤其是在 Chrome 上。

Answer 1

尝试删除 autoplay="none"。您不需要为该属性设置任何值。目前 video 标签读取 autoplay 并再现视频。基本上它忽略了值。

http://videojs.com/docs/options/