Rumah >hujung hadapan web >Tutorial H5 >分享一款html5视频背景插件
今天为大家分享一款非常不错的插件vidibacking,可能很多同学还不知道这款插件,下面我就来为大家简单介绍下这款插件。
vidibacking插件是一款响应式的、跨平台的html 5视频背景插件,这个插件可以让我们在页面中的,某个div后整个页面中使用html5视频作为背景。
使用方法:
使用简单,对于在dc6dce4a544fdca2df29d5ac0ea9906b元素内制作视频背景效果,你只需要将video标签放在dc6dce4a544fdca2df29d5ac0ea9906b元素内即可。
<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教程
Atas ialah kandungan terperinci 分享一款html5视频背景插件. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!