引导CSS视频背景

我目前正在我的网站上使用bootstrap，并且有一个响应良好的背景图像。这是在我的自定义引导主题的CSS文件中完成的。我知道您不能将MP4视频添加到背景元素。对于我来说，实现视频而不是下面CSS代码中的“closer.jpeg”图像的最佳方式是什么

作为后续行动。也可以在手机上自动播放和循环吗

    .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;
}

HTML

---

非常感谢您的快速反馈！

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

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