aboutsummaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
authorCalvin Tam <calvintam236@gmail.com>2015-08-12 23:38:39 -0700
committerCalvin Tam <calvintam236@gmail.com>2015-08-12 23:38:39 -0700
commit2bc53d12ea136b3ce224eb3cbc94cdd338945e12 (patch)
tree5da9349b8264d2e260f8b69cd98f347e5198f062 /src
parent2f6dc5279b38d283743c9c1f335915364cdf91f8 (diff)
downloadplyr-2bc53d12ea136b3ce224eb3cbc94cdd338945e12.tar.lz
plyr-2bc53d12ea136b3ce224eb3cbc94cdd338945e12.tar.xz
plyr-2bc53d12ea136b3ce224eb3cbc94cdd338945e12.zip
Use double quote for html strings
Diffstat (limited to 'src')
-rw-r--r--src/js/plyr.js150
1 files changed, 75 insertions, 75 deletions
diff --git a/src/js/plyr.js b/src/js/plyr.js
index d352c5c4..84a01225 100644
--- a/src/js/plyr.js
+++ b/src/js/plyr.js
@@ -29,16 +29,16 @@
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",
@@ -104,134 +104,134 @@
function _buildControls() {
// Open and add the progress and seek elements
var html = [
- "<div class='player-controls'>",
- "<div class='player-progress'>",
- "<label for='seek{id}' class='sr-only'>Seek</label>",
- "<input id='seek{id}' class='player-progress-seek' type='range' min='0' max='100' step='0.5' value='0' data-player='seek'>",
- "<progress class='player-progress-played' max='100' value='0'>",
- "<span>0</span>% " + config.i18n.played,
- "</progress>",
- "<progress class='player-progress-buffer' max='100' value='0'>",
- "<span>0</span>% " + config.i18n.buffered,
- "</progress>",
- "</div>",
- "<span class='player-controls-left'>"];
+ '<div class="player-controls">',
+ '<div class="player-progress">',
+ '<label for="seek{id}" class="sr-only">Seek</label>',
+ '<input id="seek{id}" class="player-progress-seek" type="range" min="0" max="100" step="0.5" value="0" data-player="seek">',
+ '<progress class="player-progress-played" max="100" value="0">',
+ '<span>0</span>% ' + config.i18n.played,
+ '</progress>',
+ '<progress class="player-progress-buffer" max="100" value="0">',
+ '<span>0</span>% ' + config.i18n.buffered,
+ '</progress>',
+ '</div>',
+ '<span class="player-controls-left">'];
// Restart button
if (_inArray(config.controls, "restart")) {
html.push(
- "<button type='button' data-player='restart'>",
- "<svg><use xlink:href='#" + config.iconPrefix + "-restart'></use></svg>",
- "<span class='sr-only'>" + config.i18n.restart + "</span>",
- "</button>"
+ '<button type="button" data-player="restart">',
+ '<svg><use xlink:href="#' + config.iconPrefix + '-restart"></use></svg>',
+ '<span class="sr-only">' + config.i18n.restart + '</span>',
+ '</button>'
);
}
// Rewind button
if (_inArray(config.controls, "rewind")) {
html.push(
- "<button type='button' data-player='rewind'>",
- "<svg><use xlink:href='#" + config.iconPrefix + "-rewind'></use></svg>",
- "<span class='sr-only'>" + config.i18n.rewind + "</span>",
- "</button>"
+ '<button type="button" data-player="rewind">',
+ '<svg><use xlink:href="#' + config.iconPrefix + '-rewind"></use></svg>',
+ '<span class="sr-only">' + config.i18n.rewind + '</span>',
+ '</button>'
);
}
// Play/pause button
if (_inArray(config.controls, "play")) {
html.push(
- "<button type='button' data-player='play'>",
- "<svg><use xlink:href='#" + config.iconPrefix + "-play'></use></svg>",
- "<span class='sr-only'>" + config.i18n.play + "</span>",
- "</button>",
- "<button type='button' data-player='pause'>",
- "<svg><use xlink:href='#" + config.iconPrefix + "-pause'></use></svg>",
- "<span class='sr-only'>" + config.i18n.pause + "</span>",
- "</button>"
+ '<button type="button" data-player="play">',
+ '<svg><use xlink:href="#' + config.iconPrefix + '-play"></use></svg>',
+ '<span class="sr-only">' + config.i18n.play + '</span>',
+ '</button>',
+ '<button type="button" data-player="pause">',
+ '<svg><use xlink:href="#' + config.iconPrefix + '-pause"></use></svg>',
+ '<span class="sr-only">' + config.i18n.pause + '</span>',
+ '</button>'
);
}
// Fast forward button
if (_inArray(config.controls, "fast-forward")) {
html.push(
- "<button type='button' data-player='fast-forward'>",
- "<svg><use xlink:href='#" + config.iconPrefix + "-fast-forward'></use></svg>",
- "<span class='sr-only'>" + config.i18n.forward + "</span>",
- "</button>"
+ '<button type="button" data-player="fast-forward">',
+ '<svg><use xlink:href="#' + config.iconPrefix + '-fast-forward"></use></svg>',
+ '<span class="sr-only">' + config.i18n.forward + '</span>',
+ '</button>'
);
}
// Media current time display
if (_inArray(config.controls, "current-time")) {
html.push(
- "<span class='player-time'>",
- "<span class='sr-only'>" + config.i18n.currentTime + "</span>",
- "<span class='player-current-time'>00:00</span>",
- "</span>"
+ '<span class="player-time">',
+ '<span class="sr-only">' + config.i18n.currentTime + '</span>',
+ '<span class="player-current-time">00:00</span>',
+ '</span>'
);
}
// Media duration display
if (_inArray(config.controls, "duration")) {
html.push(
- "<span class='player-time'>",
- "<span class='sr-only'>" + config.i18n.duration + "</span>",
- "<span class='player-duration'>00:00</span>",
- "</span>"
+ '<span class="player-time">',
+ '<span class="sr-only">' + config.i18n.duration + '</span>',
+ '<span class="player-duration">00:00</span>',
+ '</span>'
);
}
// Close left controls
html.push(
- "</span>",
- "<span class='player-controls-right'>"
+ '</span>',
+ '<span class="player-controls-right">'
);
// Toggle mute button
if (_inArray(config.controls, "mute")) {
html.push(
- "<button type='button' data-player='mute'>",
- "<svg class='icon-muted'><use xlink:href='#" + config.iconPrefix + "-muted'></use></svg>",
- "<svg><use xlink:href='#" + config.iconPrefix + "-volume'></use></svg>",
- "<span class='sr-only'>" + config.i18n.toggleMute + "</span>",
- "</button>"
+ '<button type="button" data-player="mute">',
+ '<svg class="icon-muted"><use xlink:href="#' + config.iconPrefix + '-muted"></use></svg>',
+ '<svg><use xlink:href="#' + config.iconPrefix + '-volume"></use></svg>',
+ '<span class="sr-only">' + config.i18n.toggleMute + '</span>',
+ '</button>'
);
}
// Volume range control
if (_inArray(config.controls, "volume")) {
html.push(
- "<label for='volume{id}' class='sr-only'>" + config.i18n.volume + "</label>",
- "<input id='volume{id}' class='player-volume' type='range' min='0' max='10' value='5' data-player='volume'>"
+ '<label for="volume{id}" class="sr-only">' + config.i18n.volume + '</label>',
+ '<input id="volume{id}" class="player-volume" type="range" min="0" max="10" value="5" data-player="volume">'
);
}
// Toggle captions button
if (_inArray(config.controls, "captions")) {
html.push(
- "<button type='button' data-player='captions'>",
- "<svg class='icon-captions-on'><use xlink:href='#" + config.iconPrefix + "-captions-on'></use></svg>",
- "<svg><use xlink:href='#" + config.iconPrefix + "-captions-off'></use></svg>",
- "<span class='sr-only'>" + config.i18n.toggleCaptions + "</span>",
- "</button>"
+ '<button type="button" data-player="captions">',
+ '<svg class="icon-captions-on"><use xlink:href="#' + config.iconPrefix + '-captions-on"></use></svg>',
+ '<svg><use xlink:href="#' + config.iconPrefix + '-captions-off"></use></svg>',
+ '<span class="sr-only">' + config.i18n.toggleCaptions + '</span>',
+ '</button>'
);
}
// Toggle fullscreen button
if (_inArray(config.controls, "fullscreen")) {
html.push(
- "<button type='button' data-player='fullscreen'>",
- "<svg class='icon-exit-fullscreen'><use xlink:href='#" + config.iconPrefix + "-exit-fullscreen'></use></svg>",
- "<svg><use xlink:href='#" + config.iconPrefix + "-enter-fullscreen'></use></svg>",
- "<span class='sr-only'>" + config.i18n.toggleFullscreen + "</span>",
- "</button>"
+ '<button type="button" data-player="fullscreen">',
+ '<svg class="icon-exit-fullscreen"><use xlink:href="#' + config.iconPrefix + '-exit-fullscreen"></use></svg>',
+ '<svg><use xlink:href="#' + config.iconPrefix + '-enter-fullscreen"></use></svg>',
+ '<span class="sr-only">' + config.i18n.toggleFullscreen + '</span>',
+ '</button>'
);
}
// Close everything
html.push(
- "</span>",
- "</div>"
+ '</span>',
+ '</div>'
);
return html.join("");
@@ -346,7 +346,7 @@
// Inject a script
function _injectScript(source) {
- if (document.querySelectorAll("script[src='" + source + "']").length) {
+ if (document.querySelectorAll('script[src="' + source + '"]').length) {
return;
}
@@ -777,7 +777,7 @@
// Inputs
player.buttons.mute = _getElement(config.selectors.buttons.mute);
player.buttons.captions = _getElement(config.selectors.buttons.captions);
- player.checkboxes = _getElements("[type='checkbox']");
+ player.checkboxes = _getElements('[type="checkbox"]');
// Progress
player.progress = {};
@@ -882,7 +882,7 @@
// Setup YouTube
function _setupYouTube(id) {
// Remove old containers
- var containers = _getElements("[id^='youtube']");
+ var containers = _getElements('[id^="youtube"]');
for (var i = containers.length - 1; i >= 0; i--) {
_remove(containers[i]);
}
@@ -1028,7 +1028,7 @@
function _setupCaptions() {
if (player.type === "video") {
// Inject the container
- player.videoContainer.insertAdjacentHTML("afterbegin", "<div class='" + config.selectors.captions.replace(".", "") + "'><span></span></div>");
+ player.videoContainer.insertAdjacentHTML("afterbegin", '<div class="' + config.selectors.captions.replace(".", "") + '"><span></span></div>');
// Cache selector
player.captionsContainer = _getElement(config.selectors.captions).querySelector("span");