I have a problem with some video background divs in a HTML layer.
I need to change the video source in a div. My div is as follows:
<video autoplay muted loop class="myVideo">
<source src="1197-1080.mp4" type="video/mp4">
When I try to change the content of the div with jquery, there is always a black screen for about 3 seconds between the two videos with a BS XT1144:
var videocontent = '<video autoplay muted loop id="myVideo"><source src="1547-1080.mp4" type="video/mp4"></video>';
I also tried to put all four video divs on top of each other an just show/hide the divs, but in this case, there is always a black screen.
On my computer this runs well with both versions.
Any idea how to preload the video and prevent the 3secs black?
Thanks in advance.