css - 使用视频脚本作为 div 背景 [ HTML / CSS ]

Question

对不起，如果我的曲子不好。我有这个html代码

HTML：

<div class="video_bg"> ---- Some Code to execute ---</div>

CSS：

.video_bg{
  width:600px;
  height:600px;
  float:left;
  }

并有一个视频嵌入代码

<iframe src="//player.vimeo.com/video/71906867" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

问题： 我可以通过使用任何脚本或 css 将此视频用作 div "video_bg" 的背景吗？

Answer 1

您可以轻松使用 jquery.videobackground 插件。

在这里阅读：http: //georgepaterson.github.io/jquery-videobackground/

Answer 2

你的意思是你想在背景的视频上放置一些文本图像等？
如果你的意思是这样的，你可以通过定位你的 div 来做到这一点。
像这样的东西：

<div class="video_bg"><iframe src="//player.vimeo.com/video/71906867" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe><p class="text">Some text goes here</p></div>
.video_bg iframe{
width: 500px;
height:281px;
position: relative;
}
.text {
position:absolute;
font-size: 20px;
text-align:center;
}