Vidage.js - 网页背景视频 / 图片

2,279 阅读1分钟
原文链接: github.com

Vidage.js will automatically hide and pause the video for touch devices and/or small screens (34em) and instead show the fallback image. It determines whether to do that or not, on the canplay, resize and orientationchange (probably not necessery) events. It uses one module as dependency - lodash/debounce.

Demo

Take a look at this simple, yet - beautiful example.

Bower

bower install vidage --save

NPM

npm install vidage --save

How to use it

You may use Vidage on one of the following ways:

Add boilerplate/template in your HTML
Regular way


ES6 way
import Vidage from './Vidage';

new Vidage(selector [, helperClass ]);