社群
學習
工具庫
AI工具
休閒
搜尋
繁体中文
首頁 > web前端 > H5教程 > 分享一款html5影片背景插件

分享一款html5影片背景插件

王林
發布： 2021-02-24 09:52:00
轉載
2784 人瀏覽過

分享一款html5影片背景插件

今天為大家分享一款非常不錯的插件vidibacking，可能很多同學還不知道這款插件，下面我就來為大家簡單介紹下這款插件。

vidibacking插件是一款響應式的、跨平台的html 5視訊背景插件，這個插件可以讓我們在頁面中的，某個div後整個頁面中使用html5視訊作為背景。

使用方法：

使用簡單，對於在

元素內製作影片背景效果，你只需要將video標籤放在
元素內。

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影片背景插件的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
外掛
上一篇：html5比flash好在哪 下一篇：html5中submit是按鈕麼
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板