Bootstrap CSS video backgrounds

Question

В настоящее время я использую bootstrap на своем сайте и имею отзывчивое фоновое изображение. Это делается в файле CSS для моей настраиваемой темы загрузки. Я знаю, что вы не можете добавить MP4-видео в фоновый элемент. Какой был бы лучший способ для меня реализовать видео вместо изображения «ближе.jpeg», которое у меня есть в коде CSS ниже?

В качестве последующей меры. Возможно ли также автоматическое воспроизведение и цикл на мобильном устройстве?

.intro { 
    display: table; 
    width: 100%; 
    height: auto; 
    padding: 100px 0; 
    text-align: center; 
    color: #fff; 
    background: url(../img/closer.jpeg) no-repeat bottom center scroll; 
    background-color: #000; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    background-size: cover; 
    -o-background-size: cover; 
} 

Answer 1

HTML

<video id ="myVideo"> 
    <source src='video.mp4' type='video/mp4'> 
    [video fallbacks here] 
    [image fallback here] 
<video> 

CSS

#myVideo { 
    display: table; 
    width: 100%; 
    height: auto; 
    ect. 
}