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

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

2 个答案: