Youtube video player class.
$ npm i utube
Using data attribute for options.
<div class="player" data-utube-options='{"id": "oBbXxfZYTAA"}'></div>
var UTube = require('utube');
var player = new UTube(document.querySelector('.player'));
Options as a parameter.
<div class="player"></div>
var UTube = require('utube');
var player = new UTube(document.querySelector('.player'), {'id': 'oBbXxfZYTAA'});
Options are mainly passed directly to the YouTube API, we have set some defaults but you can override them.
Type: String
Default: null
YouTube video ID.
Type: Array
of Number
Default: [25, 50, 75, 100]
Percentage points at which to dispatch utube
events. PLAYING
, PAUSE
and ENDED
events are also automatically dispatched.
window.addEventListener('utube', function (e) {
console.log(e.detail);
});
Type: String
Default: opaque
WMode for flash version of the player.
Type: Number
Default: 1
Type: Number
Default: 1
Type: Number
Default: 0
See YouTube API - cc_load_policy.
Type: String
Default: white
See YouTube API - color.
Type: Number
Default: 1
Type: Number
Default: 0
Type: Number
Default: 1
See YouTube API - enablejsapi.
Type: Number
Default: null
See YouTube API - end.
Type: Number
Default: 1
See YouTube API - fs.
Type: Number
Default: 3
See YouTube API - fs.
Type: Number
Default: 0
See YouTube API - fs.
Type: Number
Default: 1
See YouTube API - modestbranding.
Type: String
Default: document.domain
See YouTube API - origin.
Type: Number
Default: 0
See YouTube API - playsinline.
Type: Number
Default: 0
See YouTube API - rel.
Type: Number
Default: 0
Type: Number
Default: null
See YouTube API - start.
Type: String
Default: dark
See YouTube API - theme.