0
We are developing a website where the banner will be a video. Through Pixabay, we found a video that is perfect for our client’s business. The problem is that the video is crashing when we go up to the server. Is there any way to prevent this locking? See below the code:
<style>
.bg_video{
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -1000;
background-size: cover;
}
</style>
<div id="banner">
<div class="embed-responsive embed-responsive-16by9">
<video autoplay loop poster="img/slides/1.jpg" class="bg_video img-responsive">
<source src="video/business.mp4" type="video/mp4">
</video>
</div>
</div>
See below the video settings:
The first step is to try to decrease the weight of this video, here are some techniques that can help you, read the text! https://answall.com/questions/2660/optimizar-v%C3%Addeo-em-html-5/, read here too! https://answall.com/questions/267503/qual-o-tamanho-ideal-para-um-v%C3%Addeo-mp4-no-fundo-da-p%C3%A1gina/267537#267537
rel="preload"read here https://answall.com/questions/364931/scripts-load-todos-ou-fracionar/ another question that helps https://answall.com/questions/269556/o-que-%C3%A9-rel-Preload– hugocsl
Thanks guys, I followed the tips given by Hugocsl.
– user24136
Can I vote to close as duplicate? If the other answer helped it would be better to redirect that to the other....
– hugocsl
Hi Hugo. Yes. Thank you :D
– user24136