html5视频全屏背景插件(支持全屏背景,标签实现_cs3

vidbacking是一款响应式的,跨平台的html5视频背景插件。该视频背景插件允许你在页面中的某个div后整个页面中使用HTML5视频作为背景。
使用简单,对于在<div>元素内制作视频背景效果,你只需要将video标签放在<div>元素内即可。


1. <div id="video-back">   
2. <video poster="screenshot1.jpg" autoplay muted loop class="vidbacking">   
3. <source src="video1.mp4" type="video/mp4">   
4. <source src="video1.webm" type="video/webm">   
5. </video>   
6. <!-- html content of the div -->   
7. <h1>Vidbacking Demo of <div> Background</h1>   
8. </div>

下载地址 http://www.52player.cn/VideoPlayer/2018/0123488.html演示地址 http://www.52player.cn/Demos/html5videobackgroud/