back-tube

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