分享一款html5视频背景插件

百变鹏仔 2个月前 (10-17) #H5教程

文章标签插件

今天为大家分享一款非常不错的插件vidibacking，可能很多同学还不知道这款插件，下面我就来为大家简单介绍下这款插件。

vidibacking插件是一款响应式的、跨平台的html 5视频背景插件，这个插件可以让我们在页面中的，某个div后整个页面中使用html5视频作为背景。

使用方法：

使用简单，对于在

元素内制作视频背景效果，你只需要将video标签放在

元素内即可。

立即学习“前端免费学习笔记（深入）”；

    <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>         <!-- html content of the div -->         <h1>Vidbacking Demo of <div> Background</h1>     </div>

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

文章推荐

分享一款html5视频背景插件

HTML在线编辑器的调用方法和使用方法

AlloyTouch全屏滚动插件 30秒搞定顺滑H5页

HTML5 js实现拖拉上传文件功能

Canvas and Drawables 翻译第一集

Canvas and Drawables 翻译第三集