本文共 418 字,大约阅读时间需要 1 分钟。
vidbacking是一款响应式的,跨平台的html5视频背景插件。该视频背景插件允许你在页面中的某个div后整个页面中使用HTML5视频作为背景。
使用简单,对于在<div>元素内制作视频背景效果,你只需要将video标签放在<div>元素内即可。
- <div id="video-back">
- <video poster="screenshot1.jpg" autoplay muted loop class="vidbacking">
- <source src="video1.mp4" type="video/mp4">
- <source src="video1.webm" type="video/webm">
- </video>
-
- <h1>Vidbacking Demo of <div> Background</h1>
- </div>
下载地址
演示地址 转载地址:http://bynkb.baihongyu.com/