Vidage.js

Vidage.js

Vidage.js 介绍

Vidage.js 是一款移动友好的 html5 全屏背景视频特效插件。Vidage.js 可以在手机或小屏幕设备（34em）上暂停和隐藏视频，并显示指定的图片。

使用下面的代码作为页面的全屏视频背景的 html 代码

<div class="vidage">

<video id="vidage" class="vidage-video" preload="metadata" loop autoplay muted>

<source src="videos/bg.webm" type="video/webm">

<source src="videos/bg.mp4" type="video/mp4">

</video>

</div>

设置和导入所需的样式 

// set the fallback-cover image

$vdg-fallback-image: url('../images/fallback.jpg');

// import package

@import '~vidage/src/styles/vidage';

导入js模块并创建新实例  

import Vidage from 'vidage'

new Vidage('#vidage')

 

 

网站地址:https://dvlden.github.io/vidage/

GitHub:https://github.com/dvlden/vidage

网站描述:HTML5 全屏背景视频特效插件

Vidage.js官方网站

官方网站：https://dvlden.github.io/vidage/

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。