使用视频脚本作为 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;
}