分享一款html5视频背景插件

时间2024-01-23 21:31:10发布访客分类HTML浏览907

导读：收集整理的这篇文章主要介绍了分享一款html5视频背景插件，觉得挺不错的，现在分享给大家，也给大家做个参考。今天为大家分享一款非常不错的插件vidibacking，可能很多同学还不知道这款插件，下面我就来为大家简单介绍下这款插件。vidib...

收集整理的这篇文章主要介绍了分享一款html5视频背景插件，觉得挺不错的，现在分享给大家，也给大家做个参考。

今天为大家分享一款非常不错的插件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/