Vidage.js

Vidage.js 介绍

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

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

<div class="vidage">

<video id="vidage" class="vidage-video" preload=" Meta data" loop a utop lay 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/

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

查看更多关于Vidage.js的详细内容...