HTML部分中的背景视频

时间:2014-07-28 20:01:22

标签: css html5

我是否需要将我的视频上传到我的计算机上才能将其设置为部分背景,或者我可以使用该视频的嵌入式代码?

1 个答案:

答案 0 :(得分:0)

实际上,在您的网页中观看视频时,有两种方式:
1)使用html5视频标签
2)使用闪光灯
我推荐第一个
你可以通过视频标签在后台显示视频:
HTML:

<section>
      <video autoplay>
           <source src="video.mp4" type="video/mp4"/>
           <source src="video.ogg" type="video/ogg"/>
      </video>
</section>

<强>的CSS:

section{
      position:absolute;
      left:0px;
      top:0px;
      width:100%;
      height:100%;
}
video{
      position:absolute;
      left:0px;
      top:0px;
      width:100%;
      height:100%;
      opacity:0.6;/*optional for a cute view!*/
}


这将为您提供页面加载后播放的全屏视频 您可以将您喜欢的宽度或高度设置为部分
祝你好运