Я искал в Google и несколько раз видел этот вопрос, но безрезультатно, кто-нибудь знает, почему мой видео фон не воспроизводится на мобильном телефоне?
После прохождения бесчисленных SO сообщений, ни одна из статей / предложений, которые я нахожу в Интернете, не работает для меня
Я пробовал это предложение (https://forum.webflow.com/t/html5-video-autoplay-now-working-on-mobile/40584),, а именно,но видео по-прежнему не воспроизводится на мобильных устройствах.
Что можно сделать, чтобы фоновое воспроизведение видео воспроизводилось в мобильном режиме?
<video playsinline autoplay loop muted>
<source src="https://storage.googleapis.com/coverr-main/mp4/Mt_Baker.mp4" type="video/mp4">
<div class="container h-100">
<div class="d-flex h-100 text-center align-items-center">
<div class="w-100 text-white">
<h1 class="display-3">Video Header</h1>
<p class="lead mb-0">With HTML5 Video and Bootstrap 4</p>
</div>
</div>
</div>
video {
position: absolute;
display: block;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
max-width: 100%;
max-height: 100%;
width: 100%;
height: 100%;
z-index: 0;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
object-fit: cover;
}