如何使用HTML5视频标记防止高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的popovers中作为模板.要使这些视频自动播放,我正在使用正在监听鼠标悬停事件的videoJS

我的CPU使用率很高,特别是在Chrome上.

Answer 1

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

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