Skip to content

Navigation Menu

Sign in
Sign up

Repository files navigation

back-tube

Build Status

Based from Sean McCambridge's jQuery tubular plugin. This plugin does not rely on jQuery.

Checkout the DEMO

Project Setup

npm i

Requirements

node >=4.x.x

Development

npm run watch

Deployment

npm run build

Testing

TBD

Usage

Basic Usage

var BackTube = require('back-tube');
new BackTube(document.querySelector('#about'), {
 videoId: 'sGbxmsDFVnE'
});

Advanced options

See YouTube IFRAME Player API for details.

var BackTube = require('back-tube');
new BackTube(document.querySelector('#about'), {
 videoId: 'sGbxmsDFVnE',
 playerSettings: {
 volume: 0, // 0 - 100
 autohide: 0, // autohide controls
 autoplay: 1, // autoplay on load
 color: 'red', // red, white
 controls: 0, // show control UI
 disablekb: 0, // enable/disable keyboard control
 enablejsapi: 1,
 fs: 0, // display fullscreen button
 hl: null, // interface language
 iv_load_policy: 3,
 loop: 1, // loop video flag (doesn't work properly)
 modestbranding: 1, // show/hide youtube logo
 playsinline: 0,
 rel: 0, // shows relative videos
 showinfo: 0,
 start: 0, // set beginning of the video
 end: 0, // set end of the video
 quality: 'hd720'
 }
});

License

MIT

About

Display YouTube video as background in DOM element.

Resources

Stars

9 stars

Watchers

2 watching

Forks

Releases

Packages

Used by

Contributors

Languages

AltStyle によって変換されたページ (->オリジナル) /