Я создал HTML-видео для заголовка нашего сайта.Он работает очень хорошо, но иногда на мобильных или начинающих посетителях он остается на черном экране (аналогично загрузке).
Иногда одно обновление исправляет это, а иногда требуется еще несколько.
Есть ли у вас какие-либо предложения, чтобы сделать эту работу чаще, чем нет?
Вот код:
<style>
#myVideo {
position: relative;
min-width: 100%;
min-height: 100%;
width:100vw;
object-fit: fill;
}
.overlay {
min-height: 100%;
min-width: 100%;
height: 100%;
width: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
background: black;
opacity: .05;
}</style>
<body>
<div class="overlay"></div>
<!-- The video -->
<video autoplay="" muted="" loop="" playsinline="" preload="auto" id="myVideo">
<source src="video/video.mp4" type="video/mp4">
</video>
</body>