diff --git a/src/js/plyr.js b/src/js/plyr.js
index 37405a23..482d684d 100644
--- a/src/js/plyr.js
+++ b/src/js/plyr.js
@@ -8,7 +8,7 @@
// ==========================================================================
(function (api) {
- "use strict";
+ 'use strict';
/*global YT*/
// Globals
@@ -16,58 +16,58 @@
// Default config
var defaults = {
- enabled: true,
+ enabled: true,
debug: false,
seekTime: 10,
volume: 5,
click: true,
tooltips: false,
displayDuration: true,
- iconPrefix: "icon",
+ iconPrefix: 'icon',
selectors: {
- container: ".player",
- controls: ".player-controls",
- labels: "[data-player] .sr-only, label .sr-only",
+ container: '.player',
+ controls: '.player-controls',
+ labels: '[data-player] .sr-only, label .sr-only',
buttons: {
- seek: "[data-player='seek']",
- play: "[data-player='play']",
- pause: "[data-player='pause']",
- restart: "[data-player='restart']",
- rewind: "[data-player='rewind']",
- forward: "[data-player='fast-forward']",
- mute: "[data-player='mute']",
- volume: "[data-player='volume']",
- captions: "[data-player='captions']",
- fullscreen: "[data-player='fullscreen']"
+ seek: '[data-player="seek"]',
+ play: '[data-player="play"]',
+ pause: '[data-player="pause"]',
+ restart: '[data-player="restart"]',
+ rewind: '[data-player="rewind"]',
+ forward: '[data-player="fast-forward"]',
+ mute: '[data-player="mute"]',
+ volume: '[data-player="volume"]',
+ captions: '[data-player="captions"]',
+ fullscreen: '[data-player="fullscreen"]'
},
progress: {
- container: ".player-progress",
- buffer: ".player-progress-buffer",
- played: ".player-progress-played"
+ container: '.player-progress',
+ buffer: '.player-progress-buffer',
+ played: '.player-progress-played'
},
- captions: ".player-captions",
- currentTime: ".player-current-time",
- duration: ".player-duration"
+ captions: '.player-captions',
+ currentTime: '.player-current-time',
+ duration: '.player-duration'
},
classes: {
- videoWrapper: "player-video-wrapper",
- embedWrapper: "player-video-embed",
- type: "player-{0}",
- stopped: "stopped",
- playing: "playing",
- muted: "muted",
- loading: "loading",
- tooltip: "player-tooltip",
- hidden: "sr-only",
- hover: "player-hover",
+ videoWrapper: 'player-video-wrapper',
+ embedWrapper: 'player-video-embed',
+ type: 'player-{0}',
+ stopped: 'stopped',
+ playing: 'playing',
+ muted: 'muted',
+ loading: 'loading',
+ tooltip: 'player-tooltip',
+ hidden: 'sr-only',
+ hover: 'player-hover',
captions: {
- enabled: "captions-enabled",
- active: "captions-active"
+ enabled: 'captions-enabled',
+ active: 'captions-active'
},
fullscreen: {
- enabled: "fullscreen-enabled",
- active: "fullscreen-active",
- hideControls: "fullscreen-hide-controls"
+ enabled: 'fullscreen-enabled',
+ active: 'fullscreen-active',
+ hideControls: 'fullscreen-hide-controls'
}
},
captions: {
@@ -80,23 +80,23 @@
},
storage: {
enabled: true,
- key: "plyr_volume"
+ key: 'plyr_volume'
},
- controls: ["restart", "rewind", "play", "fast-forward", "current-time", "duration", "mute", "volume", "captions", "fullscreen"],
+ controls: ['restart', 'rewind', 'play', 'fast-forward', 'current-time', 'duration', 'mute', 'volume', 'captions', 'fullscreen'],
i18n: {
- restart: "Restart",
- rewind: "Rewind {seektime} secs",
- play: "Play",
- pause: "Pause",
- forward: "Forward {seektime} secs",
- played: "played",
- buffered: "buffered",
- currentTime: "Current time",
- duration: "Duration",
- volume: "Volume",
- toggleMute: "Toggle Mute",
- toggleCaptions: "Toggle Captions",
- toggleFullscreen: "Toggle Fullscreen"
+ restart: 'Restart',
+ rewind: 'Rewind {seektime} secs',
+ play: 'Play',
+ pause: 'Pause',
+ forward: 'Forward {seektime} secs',
+ played: 'played',
+ buffered: 'buffered',
+ currentTime: 'Current time',
+ duration: 'Duration',
+ volume: 'Volume',
+ toggleMute: 'Toggle Mute',
+ toggleCaptions: 'Toggle Captions',
+ toggleFullscreen: 'Toggle Fullscreen'
}
};
@@ -104,143 +104,143 @@
function _buildControls() {
// Open and add the progress and seek elements
var html = [
- "",
- "
",
- "
",
- "
",
- "
",
- "
",
- "
",
- "
"];
+ '',
+ '
',
+ '
',
+ '
',
+ '
',
+ '
',
+ '
',
+ '
'];
// Restart button
- if(_inArray(config.controls, "restart")) {
+ if (_inArray(config.controls, 'restart')) {
html.push(
- ""
+ ''
);
}
// Rewind button
- if(_inArray(config.controls, "rewind")) {
+ if (_inArray(config.controls, 'rewind')) {
html.push(
- ""
+ ''
);
}
// Play/pause button
- if(_inArray(config.controls, "play")) {
+ if (_inArray(config.controls, 'play')) {
html.push(
- "",
- ""
+ '',
+ ''
);
}
// Fast forward button
- if(_inArray(config.controls, "fast-forward")) {
+ if (_inArray(config.controls, 'fast-forward')) {
html.push(
- ""
+ ''
);
}
// Media current time display
- if(_inArray(config.controls, "current-time")) {
+ if (_inArray(config.controls, 'current-time')) {
html.push(
- "",
- "" + config.i18n.currentTime + "",
- "00:00",
- ""
+ '',
+ '' + config.i18n.currentTime + '',
+ '00:00',
+ ''
);
}
// Media duration display
- if(_inArray(config.controls, "duration")) {
+ if (_inArray(config.controls, 'duration')) {
html.push(
- "",
- "" + config.i18n.duration + "",
- "00:00",
- ""
+ '',
+ '' + config.i18n.duration + '',
+ '00:00',
+ ''
);
}
// Close left controls
html.push(
- "",
- "
"
+ '',
+ '
'
);
// Toggle mute button
- if(_inArray(config.controls, "mute")) {
+ if (_inArray(config.controls, 'mute')) {
html.push(
- ""
+ ''
);
}
// Volume range control
- if(_inArray(config.controls, "volume")) {
+ if (_inArray(config.controls, 'volume')) {
html.push(
- "",
- ""
+ '',
+ ''
);
}
// Toggle captions button
- if(_inArray(config.controls, "captions")) {
+ if (_inArray(config.controls, 'captions')) {
html.push(
- ""
+ ''
);
}
// Toggle fullscreen button
- if(_inArray(config.controls, "fullscreen")) {
+ if (_inArray(config.controls, 'fullscreen')) {
html.push(
- ""
+ ''
);
}
// Close everything
html.push(
- "",
- "
',
+ '
");
+ player.videoContainer.insertAdjacentHTML('afterbegin', '
');
// Cache selector
- player.captionsContainer = _getElement(config.selectors.captions).querySelector("span");
+ player.captionsContainer = _getElement(config.selectors.captions).querySelector('span');
// Determine if HTML5 textTracks is supported
player.usingTextTracks = false;
@@ -1041,27 +1040,27 @@
}
// Get URL of caption file if exists
- var captionSrc = "",
+ var captionSrc = '',
kind,
children = player.media.childNodes;
for (var i = 0; i < children.length; i++) {
- if (children[i].nodeName.toLowerCase() === "track") {
+ if (children[i].nodeName.toLowerCase() === 'track') {
kind = children[i].kind;
- if (kind === "captions" || kind === "subtitles") {
- captionSrc = children[i].getAttribute("src");
+ if (kind === 'captions' || kind === 'subtitles') {
+ captionSrc = children[i].getAttribute('src');
}
}
}
// Record if caption file exists or not
player.captionExists = true;
- if (captionSrc === "") {
+ if (captionSrc === '') {
player.captionExists = false;
- _log("No caption track found.");
+ _log('No caption track found.');
}
else {
- _log("Caption track found; URI: " + captionSrc);
+ _log('Caption track found; URI: ' + captionSrc);
}
// If no caption file exists, hide container for caption text
@@ -1073,40 +1072,40 @@
// Turn off native caption rendering to avoid double captions
// This doesn't seem to work in Safari 7+, so the