• 技术文章 >web前端 >H5教程

    分享一款html5视频背景插件

    VV2021-02-24 09:52:00转载60

    今天为大家分享一款非常不错的插件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视频背景插件的详细内容,更多请关注php中文网其它相关文章!

    本文转载于:csdn,如有侵犯,请联系a@php.cn删除
    专题推荐:html 5 插件
    上一篇:html5比flash好在哪 下一篇:html5中submit是按钮么
    第15期线上培训班

    相关文章推荐

    • atom怎么安装vue高亮插件• 开发vue项的一些vscode必备插件• vscode中提升开发效率的前端插件(分享)• uniapp插件安装慢怎么办

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网