今天为大家分享一款非常不错的插件vidibacking，可能很多同学还不知道这款插件，下面我就来为大家简单介绍下这款插件。
vidibacking插件是一款响应式的、跨平台的html 5视频背景插件，这个插件可以让我们在页面中的，某个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>
<!-- 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教程
以上就是分享一款html5视频背景插件的详细内容，更多请关注编程之家其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。