Я нашел этот пример для фонового видео по этой ссылке: https://bootstrapious.com/p/fullscreen-video-background, и все работает очень хорошо, кроме как на мобильном телефоне. Видео как-то вырезано с обеих сторон, текст на видео в порядке, но видео нет.

Вот код:

{amp}lt;div class="video-background-holder"{amp}gt; {amp}lt;div class="video-background-overlay"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;video playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop"{amp}gt; {amp}lt;source src="https://www.html5rocks.com/en/tutorials/video/basics/Chrome_ImF.mp4" type="video/mp4"{amp}gt; {amp}lt;/video{amp}gt; {amp}lt;div class="video-background-content container h-100"{amp}gt; {amp}lt;div class="d-flex h-100 text-center align-items-center"{amp}gt; {amp}lt;div class="w-100 text-white"{amp}gt; {amp}lt;h1 class="display-4"{amp}gt;Bootstrap video background{amp}lt;/h1{amp}gt; {amp}lt;p class="lead mb-0"{amp}gt;With HTML5 Video and Bootstrap 4{amp}lt;/p{amp}gt; {amp}lt;p class="lead"{amp}gt;Snippet by {amp}lt;a href="https://bootstrapious.com/snippets" class="text-white"{amp}gt; {amp}lt;u{amp}gt;Bootstrapious{amp}lt;/u{amp}gt;{amp}lt;/a{amp}gt; {amp}lt;/p{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; 

CSS

 .video-background-holder { position: relative; background-color: black; height: calc(100vh - 72px); min-height: 25rem; width: 100%; overflow: hidden; } .video-background-holder video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; 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%); } .video-background-content { position: relative; z-index: 2; } .video-background-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: black; opacity: 0.5; z-index: 1; } 

Также вот полный URL моей скрипки: https://jsfiddle.net/6fr90ymv/2/ В основном это то, чего я хочу добиться на мобильном телефоне, введите описание изображения здесь

Может ли кто-нибудь помочь мне с этим?