
今天为大家分享一款非常不错的插件vidibacking,可能很多同学还不知道这款插件,下面我就来为大家简单介绍下这款插件。
vidibacking插件是一款响应式的、跨平台的html 5视频背景插件,这个插件可以让我们在页面中的,某个div后整个页面中使用html5视频作为背景。
使用方法:
使用简单,对于在
元素内制作视频背景效果,你只需要将video标签放在
元素内即可。
<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>
Salin selepas log masuk
下载地址 http://www.52player.cn/VideoPlayer/2018/0123488.html
演示地址 http://www.52player.cn/Demos/html5videobackgroud/
相关推荐:html5教程
Atas ialah kandungan terperinci 分享一款html5视频背景插件. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
-
2025-03-04 13:24:15
-
2025-02-28 14:39:11
-
2025-02-26 04:41:08
-
2025-02-26 03:15:10
-
2025-02-26 03:06:12
-
2025-02-26 02:58:10
-
2025-02-26 01:46:08
-
2025-02-26 00:03:10
-
2025-02-25 23:59:12
-
2025-02-25 19:49:12
Isu terkini
-
2025-03-18 14:18:31
-
2025-03-18 14:17:34
-
2025-03-18 14:16:27
-
2025-03-18 14:07:32
-
2025-03-18 14:06:34
Topik-topik yang berkaitan
Lagi>