vidz：一个零依赖，框架无关的视频实现

vidz：一个零依赖，框架无关的视频实现

vidz

Tiny library to provide a no-muss, no-fuss HTML5 video element

Purpose

To introduce a simple, straightforward method to dynamically add well-formatted HTML5 video to the DOM. vidz has no dependencies, and is based off of the native DOM elements and selectors, however if you are using jQuery it will also work with elements in jQuery objects.

Installation

$ npm i vidz --save

Usage

// ES2015import vidz from 'vidz';// CommonJSconst vidz = require('vidz').default;// scriptconst vidz = window.vidz;const vidzInstance = vidz('#video-container', { mp4: './videos/test.mp4', ogg: './videos/test.ogg'});

This will instantiate a new vidz instance, appending a generated

Advanced usage

vidz(selector: string|HTMLElement|jQueryObject, config: object)

const standardSelector = vidz('#video-container', config);const domElement = vidz(document.querySelector('#video-container'), config);const jqueryObject = vidz($('#video-container'), config);

Available options in the config object:

attributes {object} defaults to {}Additional attributes that you want to pass to the

Methods for the Vidz instance

add()

If the player has been previously removed from the selector passed originally, it re-appends the player to the selector.

canPlayType(format: string)

Returns the same format string if it supports the type format, else returns an empty string

getBuffered()

Returns the value of the buffered property for the player

getCurrentTime()

Returns the value of the currentTime property for the player

getDuration()

Returns the value of the duration property for the player

getFlashObject()

Returns the