html5超酷视频全屏背景插件

时间:2018-01-23 15:09酷播
vidbacking是一款响应式的,跨平台的html5视频背景插件。该视频背景插件允许你在页面中的某个div后整个页面中使用HTML5视频作为背景。

内蒙古时时彩遗漏数据 www.qdqsy.cn

vidbacking是一款响应式的,跨平台的html5视频背景插件。该视频背景插件允许你在页面中的某个div后整个页面中使用HTML5视频作为背景。
使用简单,对于在<div>元素内制作视频背景效果,你只需要将video标签放在<div>元素内即可。

 

  1. <div id="video-back"> 
  2.   <video poster="screenshot1.jpg" autoplay muted loop class="vidbacking"> 
  3.     <source src="video1.mp4" type="video/mp4"> 
  4.     <source src="video1.webm" type="video/webm"> 
  5.   </video> 
  6.     <!-- html content of the div --> 
  7.     <h1>Vidbacking Demo of <div> Background</h1> 
  8. </div>           

下载地址 //www.52player.cn/VideoPlayer/2018/0123488.html
演示地址 //www.52player.cn/Demos/html5videobackgroud/

热门文章推荐

请稍候...
内蒙古时时彩遗漏数据
  • 全域旅游看中国--旅游频道 2018-08-21
  • 【专家谈】上合组织——构建区域命运共同体的有力实践者 2018-08-19
  • “奇石大餐”亮相新疆石博会 2018-08-19
  • 丰富产品序列 曝力帆轩朗纯电动申报图 2018-08-08
  • 孩子不愿意独立睡觉怎么办?也许你用了错误的方法 2018-08-05
  • 591| 847| 1| 603| 290| 939| 809| 689| 154| 106|