Load Only Metadata From Html5 Video/audio

At first, I'd like to ask that question. I can not load metadata without any other video content. preload = 'metadata' is not working. I test on Win Chrome and don't know how it wo

Solution 1:

The situation is now going to be worse with v42 (currently beta - so hopefully will be fixed)

It now respects preload='metadata' but doesn't release the connections back to the pool so after 6 videos load it just gets completely stuck!

See bug report : https://code.google.com/p/chromium/issues/detail?id=468930

Solution 2:

If you want to load more than 6 videos in chrome, you need to use the .webm format.

Note: If you have a bunch of sources in your video tag, like so:

<video width="320" height="240" controls autoplay>
    <source src="vid.webm"type="video/webm">
    <source src="vid.mp4"type="video/mp4">
</video>

I think chrome will default to mp4 and not webm. You'll have to do some jquery magic to get it working. Advice on that can be seen here.