分享一款html5视频背景插件


本文摘自PHP中文网,作者V,侵删。

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

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

使用方法:

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

1

2

3

4

5

6

7

8

<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视频背景插件的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

Html实现窗口大小变化时页面刷新(代码)

Html怎样自定义标签

js实现加载时锁定Html页面元素的方法

Html colgroup标签怎么用

webpack对Html文件的处理

Html s标签怎么用

Html中的name属性的有哪些作用?默认的name属性又是什么?

Html css看什么书?

Html如何禁止文本框输入

canvas原生实现前端网页移动端签名

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...