1. ·您當前的位置:主頁 > 技術教程 > 播放器教程 >

      html5超酷視頻全屏背景插件

      時間:2018-01-23 15:09酷播
      vidbacking是一款響應式的,跨平臺的html5視頻背景插件。該視頻背景插件允許你在頁面中的某個div后整個頁面中使用HTML5視頻作為背景。

      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>           

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

      熱門文章推薦

      請稍候...
      彩票软件开发公司