Slider video loads very late. Other videos load much quicker

Question

Im using the following template http://themes.semicolonweb.com/html/canvas/static html5 video.html This is the code for the slider video part

The issue im facing is that, the entire website loads and only then does this video loads. This video is the last thing to load. all othe…

SemiColonWeb · Accepted Answer

Hello,

This is to avoid Video Jump during resizing the Video to Full Screen to best possible resolutions. Simply find and delete the following code from the style.css File:
[ch_pre type="css"]body:not(.has-plugin-html5video) .video-wrap video {
opacity: 0;
}[/ch_pre]

This will fix the delay. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

akhilkhemani · Answer

Thanks for the reply. I did try to make the suggested changes. Continues to work fine on laptops. On mobiles, the delay does get fixed and the video plays right away , but now the video is very small and not full screen mode for a long time. It looks pretty wierd. The video becomes full screen afte…

akhilkhemani · Answer

Attaching screenshots

Semicolon Web · Answer

Hello, As we have mentioned earlier in our replies above, the sizing of the Video is dependent on JS Codes and the JS Codes are executed as soon as they are downloaded on the Page which is why there is a delay. This is currently the default behavior of Background HTML5 Videos and the only solution …