分享一款html5视频背景插件

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

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

使用方法：

使用简单，对于在<div>元素内 制作 视频背景效果，你只需要将 video标签 放在<div>元素内即可。

    <div id="video-back"> 
      <video poster="screenshot1. jpg " auto play  muted loop class="vidbacking"> 
        <source src="video1.mp4" ty PE ="video/mp4"> 
        <source src="video1.webm" type="video/webm"> 
      </video> 
        <!-- ht ML  content of the div --> 
        < h1 >Vidbacking Demo of <div> Background</h1> 
    </div>

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

相关推荐：html5教程

以上就是分享一款html5视频背景插件的详细内容，更多请关注其它相关 文章 ！

总结

以上是 为你收集整理的 分享一款html5视频背景插件 全部内容，希望文章能够帮你解决 分享一款html5视频背景插件 所遇到的问题。

如果觉得 网站内容还不错， 推荐好友。

查看更多关于分享一款html5视频背景插件的详细内容...