How can I prevent high CPU usage with the HTML5 tag?

I am trying to preload 20 videos at the same time using HTML5 tag

<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>

These videos are inside Bootstrap popovers as templates. To make this video automatically, I use videoJS, which listens for the mouseover event

I have a lot of CPU usage, especially in Chrome.

+5
source share
1 answer

Try to delete autoplay="none". You do not need to set the value of this attribute. The tag is currently videoreading autoplayand playing videos. This basically ignores the meaning.

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

+3
source

All Articles