Video loop in html5 doing infinite re-downloads. Burst bandwidth consumption

3

I'm using a background video from the top area of the site.

Identical to this site , which uses <iframe> pointing to a video on YouTube.

The biggest problem I've noticed in all sites that use video like this is that the video does not cache and gets infinite re-downloads. We are having a headache with this, because users who have band limit franchise are being harmed by unnecessary downloads.

Just to get a sense of a site with this video feature open for a few hours consumed 4GB of download.

What can I do for the video to load only once, cache and keep repeating without this need to re-download?

    
asked by anonymous 25.03.2015 / 13:47

2 answers

3

Several approaches are at your disposal. Choose one (or several) of them.

  • Reduce the bitrate of the video to background . Use a tiling mask on the video to reduce the graining effect.
  • Run the video for 5 minutes, then destroy the element and replace it with a still image.
  • Convert the video to a format that may suffer from caching location (mp4, for example) instead of a call to YouTube.
25.03.2015 / 14:03
1

To avoid "infinite re-downloading" you can try downloading the video and making it available on your server instead of using the traditional iframe with youtube content.

If you're trying to do this, I'd like you to take a look at the jQuery VIDE plugin, which already performs various treatments such as verifying display on mobile devices that do not support the function and replace with banners related to the video, among other features.

link

    
25.03.2015 / 14:19