1224 lines
33 KiB
JavaScript
1224 lines
33 KiB
JavaScript
/*!
|
|
* MediaElement.js
|
|
* http://www.mediaelementjs.com/
|
|
*
|
|
* Wrapper that mimics native HTML5 MediaElement (audio and video)
|
|
* using a variety of technologies (pure JavaScript, Flash, iframe)
|
|
*
|
|
* Copyright 2010-2017, John Dyer (http://j.hn/)
|
|
* License: MIT
|
|
*
|
|
*/(function(){function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s}return e})()({1:[function(_dereq_,module,exports){
|
|
|
|
},{}],2:[function(_dereq_,module,exports){
|
|
(function (global){
|
|
var topLevel = typeof global !== 'undefined' ? global :
|
|
typeof window !== 'undefined' ? window : {}
|
|
var minDoc = _dereq_(1);
|
|
|
|
var doccy;
|
|
|
|
if (typeof document !== 'undefined') {
|
|
doccy = document;
|
|
} else {
|
|
doccy = topLevel['__GLOBAL_DOCUMENT_CACHE@4'];
|
|
|
|
if (!doccy) {
|
|
doccy = topLevel['__GLOBAL_DOCUMENT_CACHE@4'] = minDoc;
|
|
}
|
|
}
|
|
|
|
module.exports = doccy;
|
|
|
|
}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
|
|
},{"1":1}],3:[function(_dereq_,module,exports){
|
|
(function (global){
|
|
var win;
|
|
|
|
if (typeof window !== "undefined") {
|
|
win = window;
|
|
} else if (typeof global !== "undefined") {
|
|
win = global;
|
|
} else if (typeof self !== "undefined"){
|
|
win = self;
|
|
} else {
|
|
win = {};
|
|
}
|
|
|
|
module.exports = win;
|
|
|
|
}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
|
|
},{}],4:[function(_dereq_,module,exports){
|
|
'use strict';
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
|
|
var _window = _dereq_(3);
|
|
|
|
var _window2 = _interopRequireDefault(_window);
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
|
|
var mejs = {};
|
|
|
|
mejs.version = '4.2.16';
|
|
|
|
mejs.html5media = {
|
|
properties: ['volume', 'src', 'currentTime', 'muted', 'duration', 'paused', 'ended', 'buffered', 'error', 'networkState', 'readyState', 'seeking', 'seekable', 'currentSrc', 'preload', 'bufferedBytes', 'bufferedTime', 'initialTime', 'startOffsetTime', 'defaultPlaybackRate', 'playbackRate', 'played', 'autoplay', 'loop', 'controls'],
|
|
readOnlyProperties: ['duration', 'paused', 'ended', 'buffered', 'error', 'networkState', 'readyState', 'seeking', 'seekable'],
|
|
|
|
methods: ['load', 'play', 'pause', 'canPlayType'],
|
|
|
|
events: ['loadstart', 'durationchange', 'loadedmetadata', 'loadeddata', 'progress', 'canplay', 'canplaythrough', 'suspend', 'abort', 'error', 'emptied', 'stalled', 'play', 'playing', 'pause', 'waiting', 'seeking', 'seeked', 'timeupdate', 'ended', 'ratechange', 'volumechange'],
|
|
|
|
mediaTypes: ['audio/mp3', 'audio/ogg', 'audio/oga', 'audio/wav', 'audio/x-wav', 'audio/wave', 'audio/x-pn-wav', 'audio/mpeg', 'audio/mp4', 'video/mp4', 'video/webm', 'video/ogg', 'video/ogv']
|
|
};
|
|
|
|
_window2.default.mejs = mejs;
|
|
|
|
exports.default = mejs;
|
|
|
|
},{"3":3}],5:[function(_dereq_,module,exports){
|
|
'use strict';
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.renderer = undefined;
|
|
|
|
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
|
|
|
|
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
|
|
|
|
var _mejs = _dereq_(4);
|
|
|
|
var _mejs2 = _interopRequireDefault(_mejs);
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
|
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
|
|
var Renderer = function () {
|
|
function Renderer() {
|
|
_classCallCheck(this, Renderer);
|
|
|
|
this.renderers = {};
|
|
this.order = [];
|
|
}
|
|
|
|
_createClass(Renderer, [{
|
|
key: 'add',
|
|
value: function add(renderer) {
|
|
if (renderer.name === undefined) {
|
|
throw new TypeError('renderer must contain at least `name` property');
|
|
}
|
|
|
|
this.renderers[renderer.name] = renderer;
|
|
this.order.push(renderer.name);
|
|
}
|
|
}, {
|
|
key: 'select',
|
|
value: function select(mediaFiles) {
|
|
var renderers = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
|
|
var renderersLength = renderers.length;
|
|
|
|
renderers = renderers.length ? renderers : this.order;
|
|
|
|
if (!renderersLength) {
|
|
var rendererIndicator = [/^(html5|native)/i, /^flash/i, /iframe$/i],
|
|
rendererRanking = function rendererRanking(renderer) {
|
|
for (var i = 0, total = rendererIndicator.length; i < total; i++) {
|
|
if (rendererIndicator[i].test(renderer)) {
|
|
return i;
|
|
}
|
|
}
|
|
return rendererIndicator.length;
|
|
};
|
|
|
|
renderers.sort(function (a, b) {
|
|
return rendererRanking(a) - rendererRanking(b);
|
|
});
|
|
}
|
|
|
|
for (var i = 0, total = renderers.length; i < total; i++) {
|
|
var key = renderers[i],
|
|
_renderer = this.renderers[key];
|
|
|
|
if (_renderer !== null && _renderer !== undefined) {
|
|
for (var j = 0, jl = mediaFiles.length; j < jl; j++) {
|
|
if (typeof _renderer.canPlayType === 'function' && typeof mediaFiles[j].type === 'string' && _renderer.canPlayType(mediaFiles[j].type)) {
|
|
return {
|
|
rendererName: _renderer.name,
|
|
src: mediaFiles[j].src
|
|
};
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
return null;
|
|
}
|
|
}, {
|
|
key: 'order',
|
|
set: function set(order) {
|
|
if (!Array.isArray(order)) {
|
|
throw new TypeError('order must be an array of strings.');
|
|
}
|
|
|
|
this._order = order;
|
|
},
|
|
get: function get() {
|
|
return this._order;
|
|
}
|
|
}, {
|
|
key: 'renderers',
|
|
set: function set(renderers) {
|
|
if (renderers !== null && (typeof renderers === 'undefined' ? 'undefined' : _typeof(renderers)) !== 'object') {
|
|
throw new TypeError('renderers must be an array of objects.');
|
|
}
|
|
|
|
this._renderers = renderers;
|
|
},
|
|
get: function get() {
|
|
return this._renderers;
|
|
}
|
|
}]);
|
|
|
|
return Renderer;
|
|
}();
|
|
|
|
var renderer = exports.renderer = new Renderer();
|
|
|
|
_mejs2.default.Renderers = renderer;
|
|
|
|
},{"4":4}],6:[function(_dereq_,module,exports){
|
|
'use strict';
|
|
|
|
var _window = _dereq_(3);
|
|
|
|
var _window2 = _interopRequireDefault(_window);
|
|
|
|
var _document = _dereq_(2);
|
|
|
|
var _document2 = _interopRequireDefault(_document);
|
|
|
|
var _mejs = _dereq_(4);
|
|
|
|
var _mejs2 = _interopRequireDefault(_mejs);
|
|
|
|
var _renderer = _dereq_(5);
|
|
|
|
var _general = _dereq_(8);
|
|
|
|
var _media = _dereq_(9);
|
|
|
|
var _dom = _dereq_(7);
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
|
|
var YouTubeApi = {
|
|
isIframeStarted: false,
|
|
|
|
isIframeLoaded: false,
|
|
|
|
iframeQueue: [],
|
|
|
|
enqueueIframe: function enqueueIframe(settings) {
|
|
YouTubeApi.isLoaded = typeof YT !== 'undefined' && YT.loaded;
|
|
|
|
if (YouTubeApi.isLoaded) {
|
|
YouTubeApi.createIframe(settings);
|
|
} else {
|
|
YouTubeApi.loadIframeApi();
|
|
YouTubeApi.iframeQueue.push(settings);
|
|
}
|
|
},
|
|
|
|
loadIframeApi: function loadIframeApi() {
|
|
if (!YouTubeApi.isIframeStarted) {
|
|
(0, _dom.loadScript)('https://www.youtube.com/player_api');
|
|
YouTubeApi.isIframeStarted = true;
|
|
}
|
|
},
|
|
|
|
iFrameReady: function iFrameReady() {
|
|
|
|
YouTubeApi.isLoaded = true;
|
|
YouTubeApi.isIframeLoaded = true;
|
|
|
|
while (YouTubeApi.iframeQueue.length > 0) {
|
|
var settings = YouTubeApi.iframeQueue.pop();
|
|
YouTubeApi.createIframe(settings);
|
|
}
|
|
},
|
|
|
|
createIframe: function createIframe(settings) {
|
|
return new YT.Player(settings.containerId, settings);
|
|
},
|
|
|
|
getYouTubeId: function getYouTubeId(url) {
|
|
|
|
var youTubeId = '';
|
|
|
|
if (url.indexOf('?') > 0) {
|
|
youTubeId = YouTubeApi.getYouTubeIdFromParam(url);
|
|
|
|
if (youTubeId === '') {
|
|
youTubeId = YouTubeApi.getYouTubeIdFromUrl(url);
|
|
}
|
|
} else {
|
|
youTubeId = YouTubeApi.getYouTubeIdFromUrl(url);
|
|
}
|
|
|
|
var id = youTubeId.substring(youTubeId.lastIndexOf('/') + 1);
|
|
youTubeId = id.split('?');
|
|
return youTubeId[0];
|
|
},
|
|
|
|
getYouTubeIdFromParam: function getYouTubeIdFromParam(url) {
|
|
|
|
if (url === undefined || url === null || !url.trim().length) {
|
|
return null;
|
|
}
|
|
|
|
var parts = url.split('?'),
|
|
parameters = parts[1].split('&');
|
|
|
|
var youTubeId = '';
|
|
|
|
for (var i = 0, total = parameters.length; i < total; i++) {
|
|
var paramParts = parameters[i].split('=');
|
|
if (paramParts[0] === 'v') {
|
|
youTubeId = paramParts[1];
|
|
break;
|
|
}
|
|
}
|
|
|
|
return youTubeId;
|
|
},
|
|
|
|
getYouTubeIdFromUrl: function getYouTubeIdFromUrl(url) {
|
|
|
|
if (url === undefined || url === null || !url.trim().length) {
|
|
return null;
|
|
}
|
|
|
|
var parts = url.split('?');
|
|
url = parts[0];
|
|
return url.substring(url.lastIndexOf('/') + 1);
|
|
},
|
|
|
|
getYouTubeNoCookieUrl: function getYouTubeNoCookieUrl(url) {
|
|
if (url === undefined || url === null || !url.trim().length || url.indexOf('//www.youtube') === -1) {
|
|
return url;
|
|
}
|
|
|
|
var parts = url.split('/');
|
|
parts[2] = parts[2].replace('.com', '-nocookie.com');
|
|
return parts.join('/');
|
|
}
|
|
};
|
|
|
|
var YouTubeIframeRenderer = {
|
|
name: 'youtube_iframe',
|
|
|
|
options: {
|
|
prefix: 'youtube_iframe',
|
|
|
|
youtube: {
|
|
autoplay: 0,
|
|
controls: 0,
|
|
disablekb: 1,
|
|
end: 0,
|
|
loop: 0,
|
|
modestbranding: 0,
|
|
playsinline: 0,
|
|
rel: 0,
|
|
showinfo: 0,
|
|
start: 0,
|
|
iv_load_policy: 3,
|
|
|
|
nocookie: false,
|
|
|
|
imageQuality: null
|
|
}
|
|
},
|
|
|
|
canPlayType: function canPlayType(type) {
|
|
return ~['video/youtube', 'video/x-youtube'].indexOf(type.toLowerCase());
|
|
},
|
|
|
|
create: function create(mediaElement, options, mediaFiles) {
|
|
|
|
var youtube = {},
|
|
apiStack = [],
|
|
readyState = 4;
|
|
|
|
var youTubeApi = null,
|
|
paused = true,
|
|
ended = false,
|
|
youTubeIframe = null,
|
|
volume = 1;
|
|
|
|
youtube.options = options;
|
|
youtube.id = mediaElement.id + '_' + options.prefix;
|
|
youtube.mediaElement = mediaElement;
|
|
|
|
var props = _mejs2.default.html5media.properties,
|
|
assignGettersSetters = function assignGettersSetters(propName) {
|
|
|
|
var capName = '' + propName.substring(0, 1).toUpperCase() + propName.substring(1);
|
|
|
|
youtube['get' + capName] = function () {
|
|
if (youTubeApi !== null) {
|
|
var value = null;
|
|
|
|
switch (propName) {
|
|
case 'currentTime':
|
|
return youTubeApi.getCurrentTime();
|
|
case 'duration':
|
|
return youTubeApi.getDuration();
|
|
case 'volume':
|
|
volume = youTubeApi.getVolume() / 100;
|
|
return volume;
|
|
case 'playbackRate':
|
|
return youTubeApi.getPlaybackRate();
|
|
case 'paused':
|
|
return paused;
|
|
case 'ended':
|
|
return ended;
|
|
case 'muted':
|
|
return youTubeApi.isMuted();
|
|
case 'buffered':
|
|
var percentLoaded = youTubeApi.getVideoLoadedFraction(),
|
|
duration = youTubeApi.getDuration();
|
|
return {
|
|
start: function start() {
|
|
return 0;
|
|
},
|
|
end: function end() {
|
|
return percentLoaded * duration;
|
|
},
|
|
length: 1
|
|
};
|
|
case 'src':
|
|
return youTubeApi.getVideoUrl();
|
|
case 'readyState':
|
|
return readyState;
|
|
}
|
|
|
|
return value;
|
|
} else {
|
|
return null;
|
|
}
|
|
};
|
|
|
|
youtube['set' + capName] = function (value) {
|
|
if (youTubeApi !== null) {
|
|
switch (propName) {
|
|
case 'src':
|
|
var url = typeof value === 'string' ? value : value[0].src,
|
|
_videoId = YouTubeApi.getYouTubeId(url);
|
|
|
|
if (mediaElement.originalNode.autoplay) {
|
|
youTubeApi.loadVideoById(_videoId);
|
|
} else {
|
|
youTubeApi.cueVideoById(_videoId);
|
|
}
|
|
break;
|
|
case 'currentTime':
|
|
youTubeApi.seekTo(value);
|
|
break;
|
|
case 'muted':
|
|
if (value) {
|
|
youTubeApi.mute();
|
|
} else {
|
|
youTubeApi.unMute();
|
|
}
|
|
setTimeout(function () {
|
|
var event = (0, _general.createEvent)('volumechange', youtube);
|
|
mediaElement.dispatchEvent(event);
|
|
}, 50);
|
|
break;
|
|
case 'volume':
|
|
volume = value;
|
|
youTubeApi.setVolume(value * 100);
|
|
setTimeout(function () {
|
|
var event = (0, _general.createEvent)('volumechange', youtube);
|
|
mediaElement.dispatchEvent(event);
|
|
}, 50);
|
|
break;
|
|
case 'playbackRate':
|
|
youTubeApi.setPlaybackRate(value);
|
|
setTimeout(function () {
|
|
var event = (0, _general.createEvent)('ratechange', youtube);
|
|
mediaElement.dispatchEvent(event);
|
|
}, 50);
|
|
break;
|
|
case 'readyState':
|
|
var event = (0, _general.createEvent)('canplay', youtube);
|
|
mediaElement.dispatchEvent(event);
|
|
break;
|
|
default:
|
|
|
|
break;
|
|
}
|
|
} else {
|
|
apiStack.push({ type: 'set', propName: propName, value: value });
|
|
}
|
|
};
|
|
};
|
|
|
|
for (var i = 0, total = props.length; i < total; i++) {
|
|
assignGettersSetters(props[i]);
|
|
}
|
|
|
|
var methods = _mejs2.default.html5media.methods,
|
|
assignMethods = function assignMethods(methodName) {
|
|
youtube[methodName] = function () {
|
|
if (youTubeApi !== null) {
|
|
switch (methodName) {
|
|
case 'play':
|
|
paused = false;
|
|
return youTubeApi.playVideo();
|
|
case 'pause':
|
|
paused = true;
|
|
return youTubeApi.pauseVideo();
|
|
case 'load':
|
|
return null;
|
|
}
|
|
} else {
|
|
apiStack.push({ type: 'call', methodName: methodName });
|
|
}
|
|
};
|
|
};
|
|
|
|
for (var _i = 0, _total = methods.length; _i < _total; _i++) {
|
|
assignMethods(methods[_i]);
|
|
}
|
|
|
|
var errorHandler = function errorHandler(error) {
|
|
var message = '';
|
|
switch (error.data) {
|
|
case 2:
|
|
message = 'The request contains an invalid parameter value. Verify that video ID has 11 characters and that contains no invalid characters, such as exclamation points or asterisks.';
|
|
break;
|
|
case 5:
|
|
message = 'The requested content cannot be played in an HTML5 player or another error related to the HTML5 player has occurred.';
|
|
break;
|
|
case 100:
|
|
message = 'The video requested was not found. Either video has been removed or has been marked as private.';
|
|
break;
|
|
case 101:
|
|
case 105:
|
|
message = 'The owner of the requested video does not allow it to be played in embedded players.';
|
|
break;
|
|
default:
|
|
message = 'Unknown error.';
|
|
break;
|
|
}
|
|
mediaElement.generateError('Code ' + error.data + ': ' + message, mediaFiles);
|
|
};
|
|
|
|
var youtubeContainer = _document2.default.createElement('div');
|
|
youtubeContainer.id = youtube.id;
|
|
|
|
if (youtube.options.youtube.nocookie) {
|
|
mediaElement.originalNode.src = YouTubeApi.getYouTubeNoCookieUrl(mediaFiles[0].src);
|
|
}
|
|
|
|
mediaElement.originalNode.parentNode.insertBefore(youtubeContainer, mediaElement.originalNode);
|
|
mediaElement.originalNode.style.display = 'none';
|
|
|
|
var isAudio = mediaElement.originalNode.tagName.toLowerCase() === 'audio',
|
|
height = isAudio ? '1' : mediaElement.originalNode.height,
|
|
width = isAudio ? '1' : mediaElement.originalNode.width,
|
|
videoId = YouTubeApi.getYouTubeId(mediaFiles[0].src),
|
|
youtubeSettings = {
|
|
id: youtube.id,
|
|
containerId: youtubeContainer.id,
|
|
videoId: videoId,
|
|
height: height,
|
|
width: width,
|
|
playerVars: Object.assign({
|
|
controls: 0,
|
|
rel: 0,
|
|
disablekb: 1,
|
|
showinfo: 0,
|
|
modestbranding: 0,
|
|
html5: 1,
|
|
iv_load_policy: 3
|
|
}, youtube.options.youtube),
|
|
origin: _window2.default.location.host,
|
|
events: {
|
|
onReady: function onReady(e) {
|
|
mediaElement.youTubeApi = youTubeApi = e.target;
|
|
mediaElement.youTubeState = {
|
|
paused: true,
|
|
ended: false
|
|
};
|
|
|
|
if (apiStack.length) {
|
|
for (var _i2 = 0, _total2 = apiStack.length; _i2 < _total2; _i2++) {
|
|
|
|
var stackItem = apiStack[_i2];
|
|
|
|
if (stackItem.type === 'set') {
|
|
var propName = stackItem.propName,
|
|
capName = '' + propName.substring(0, 1).toUpperCase() + propName.substring(1);
|
|
|
|
youtube['set' + capName](stackItem.value);
|
|
} else if (stackItem.type === 'call') {
|
|
youtube[stackItem.methodName]();
|
|
}
|
|
}
|
|
}
|
|
|
|
youTubeIframe = youTubeApi.getIframe();
|
|
|
|
if (mediaElement.originalNode.muted) {
|
|
youTubeApi.mute();
|
|
}
|
|
|
|
var events = ['mouseover', 'mouseout'],
|
|
assignEvents = function assignEvents(e) {
|
|
var newEvent = (0, _general.createEvent)(e.type, youtube);
|
|
mediaElement.dispatchEvent(newEvent);
|
|
};
|
|
|
|
for (var _i3 = 0, _total3 = events.length; _i3 < _total3; _i3++) {
|
|
youTubeIframe.addEventListener(events[_i3], assignEvents, false);
|
|
}
|
|
|
|
var initEvents = ['rendererready', 'loadedmetadata', 'loadeddata', 'canplay'];
|
|
|
|
for (var _i4 = 0, _total4 = initEvents.length; _i4 < _total4; _i4++) {
|
|
var event = (0, _general.createEvent)(initEvents[_i4], youtube);
|
|
mediaElement.dispatchEvent(event);
|
|
}
|
|
},
|
|
onStateChange: function onStateChange(e) {
|
|
var events = [];
|
|
|
|
switch (e.data) {
|
|
case -1:
|
|
events = ['loadedmetadata'];
|
|
paused = true;
|
|
ended = false;
|
|
break;
|
|
case 0:
|
|
events = ['ended'];
|
|
paused = false;
|
|
ended = !youtube.options.youtube.loop;
|
|
if (!youtube.options.youtube.loop) {
|
|
youtube.stopInterval();
|
|
}
|
|
break;
|
|
case 1:
|
|
events = ['play', 'playing'];
|
|
paused = false;
|
|
ended = false;
|
|
youtube.startInterval();
|
|
break;
|
|
case 2:
|
|
events = ['pause'];
|
|
paused = true;
|
|
ended = false;
|
|
youtube.stopInterval();
|
|
break;
|
|
case 3:
|
|
events = ['progress'];
|
|
ended = false;
|
|
break;
|
|
case 5:
|
|
events = ['loadeddata', 'loadedmetadata', 'canplay'];
|
|
paused = true;
|
|
ended = false;
|
|
break;
|
|
}
|
|
|
|
for (var _i5 = 0, _total5 = events.length; _i5 < _total5; _i5++) {
|
|
var event = (0, _general.createEvent)(events[_i5], youtube);
|
|
mediaElement.dispatchEvent(event);
|
|
}
|
|
},
|
|
onError: function onError(e) {
|
|
return errorHandler(e);
|
|
}
|
|
}
|
|
};
|
|
|
|
if (isAudio || mediaElement.originalNode.hasAttribute('playsinline')) {
|
|
youtubeSettings.playerVars.playsinline = 1;
|
|
}
|
|
|
|
if (mediaElement.originalNode.controls) {
|
|
youtubeSettings.playerVars.controls = 1;
|
|
}
|
|
if (mediaElement.originalNode.autoplay) {
|
|
youtubeSettings.playerVars.autoplay = 1;
|
|
}
|
|
if (mediaElement.originalNode.loop) {
|
|
youtubeSettings.playerVars.loop = 1;
|
|
}
|
|
|
|
if ((youtubeSettings.playerVars.loop && parseInt(youtubeSettings.playerVars.loop, 10) === 1 || mediaElement.originalNode.src.indexOf('loop=') > -1) && !youtubeSettings.playerVars.playlist && mediaElement.originalNode.src.indexOf('playlist=') === -1) {
|
|
youtubeSettings.playerVars.playlist = YouTubeApi.getYouTubeId(mediaElement.originalNode.src);
|
|
}
|
|
|
|
YouTubeApi.enqueueIframe(youtubeSettings);
|
|
|
|
youtube.onEvent = function (eventName, player, _youTubeState) {
|
|
if (_youTubeState !== null && _youTubeState !== undefined) {
|
|
mediaElement.youTubeState = _youTubeState;
|
|
}
|
|
};
|
|
|
|
youtube.setSize = function (width, height) {
|
|
if (youTubeApi !== null) {
|
|
youTubeApi.setSize(width, height);
|
|
}
|
|
};
|
|
youtube.hide = function () {
|
|
youtube.stopInterval();
|
|
youtube.pause();
|
|
if (youTubeIframe) {
|
|
youTubeIframe.style.display = 'none';
|
|
}
|
|
};
|
|
youtube.show = function () {
|
|
if (youTubeIframe) {
|
|
youTubeIframe.style.display = '';
|
|
}
|
|
};
|
|
youtube.destroy = function () {
|
|
youTubeApi.destroy();
|
|
};
|
|
youtube.interval = null;
|
|
|
|
youtube.startInterval = function () {
|
|
youtube.interval = setInterval(function () {
|
|
var event = (0, _general.createEvent)('timeupdate', youtube);
|
|
mediaElement.dispatchEvent(event);
|
|
}, 250);
|
|
};
|
|
youtube.stopInterval = function () {
|
|
if (youtube.interval) {
|
|
clearInterval(youtube.interval);
|
|
}
|
|
};
|
|
youtube.getPosterUrl = function () {
|
|
var quality = options.youtube.imageQuality,
|
|
resolutions = ['default', 'hqdefault', 'mqdefault', 'sddefault', 'maxresdefault'],
|
|
id = YouTubeApi.getYouTubeId(mediaElement.originalNode.src);
|
|
return quality && resolutions.indexOf(quality) > -1 && id ? 'https://img.youtube.com/vi/' + id + '/' + quality + '.jpg' : '';
|
|
};
|
|
|
|
return youtube;
|
|
}
|
|
};
|
|
|
|
_window2.default.onYouTubePlayerAPIReady = function () {
|
|
YouTubeApi.iFrameReady();
|
|
};
|
|
|
|
_media.typeChecks.push(function (url) {
|
|
return (/\/\/(www\.youtube|youtu\.?be)/i.test(url) ? 'video/x-youtube' : null
|
|
);
|
|
});
|
|
|
|
_renderer.renderer.add(YouTubeIframeRenderer);
|
|
|
|
},{"2":2,"3":3,"4":4,"5":5,"7":7,"8":8,"9":9}],7:[function(_dereq_,module,exports){
|
|
'use strict';
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.removeClass = exports.addClass = exports.hasClass = undefined;
|
|
exports.loadScript = loadScript;
|
|
exports.offset = offset;
|
|
exports.toggleClass = toggleClass;
|
|
exports.fadeOut = fadeOut;
|
|
exports.fadeIn = fadeIn;
|
|
exports.siblings = siblings;
|
|
exports.visible = visible;
|
|
exports.ajax = ajax;
|
|
|
|
var _window = _dereq_(3);
|
|
|
|
var _window2 = _interopRequireDefault(_window);
|
|
|
|
var _document = _dereq_(2);
|
|
|
|
var _document2 = _interopRequireDefault(_document);
|
|
|
|
var _mejs = _dereq_(4);
|
|
|
|
var _mejs2 = _interopRequireDefault(_mejs);
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
|
|
function loadScript(url) {
|
|
return new Promise(function (resolve, reject) {
|
|
var script = _document2.default.createElement('script');
|
|
script.src = url;
|
|
script.async = true;
|
|
script.onload = function () {
|
|
script.remove();
|
|
resolve();
|
|
};
|
|
script.onerror = function () {
|
|
script.remove();
|
|
reject();
|
|
};
|
|
_document2.default.head.appendChild(script);
|
|
});
|
|
}
|
|
|
|
function offset(el) {
|
|
var rect = el.getBoundingClientRect(),
|
|
scrollLeft = _window2.default.pageXOffset || _document2.default.documentElement.scrollLeft,
|
|
scrollTop = _window2.default.pageYOffset || _document2.default.documentElement.scrollTop;
|
|
return { top: rect.top + scrollTop, left: rect.left + scrollLeft };
|
|
}
|
|
|
|
var hasClassMethod = void 0,
|
|
addClassMethod = void 0,
|
|
removeClassMethod = void 0;
|
|
|
|
if ('classList' in _document2.default.documentElement) {
|
|
hasClassMethod = function hasClassMethod(el, className) {
|
|
return el.classList !== undefined && el.classList.contains(className);
|
|
};
|
|
addClassMethod = function addClassMethod(el, className) {
|
|
return el.classList.add(className);
|
|
};
|
|
removeClassMethod = function removeClassMethod(el, className) {
|
|
return el.classList.remove(className);
|
|
};
|
|
} else {
|
|
hasClassMethod = function hasClassMethod(el, className) {
|
|
return new RegExp('\\b' + className + '\\b').test(el.className);
|
|
};
|
|
addClassMethod = function addClassMethod(el, className) {
|
|
if (!hasClass(el, className)) {
|
|
el.className += ' ' + className;
|
|
}
|
|
};
|
|
removeClassMethod = function removeClassMethod(el, className) {
|
|
el.className = el.className.replace(new RegExp('\\b' + className + '\\b', 'g'), '');
|
|
};
|
|
}
|
|
|
|
var hasClass = exports.hasClass = hasClassMethod;
|
|
var addClass = exports.addClass = addClassMethod;
|
|
var removeClass = exports.removeClass = removeClassMethod;
|
|
|
|
function toggleClass(el, className) {
|
|
hasClass(el, className) ? removeClass(el, className) : addClass(el, className);
|
|
}
|
|
|
|
function fadeOut(el) {
|
|
var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 400;
|
|
var callback = arguments[2];
|
|
|
|
if (!el.style.opacity) {
|
|
el.style.opacity = 1;
|
|
}
|
|
|
|
var start = null;
|
|
_window2.default.requestAnimationFrame(function animate(timestamp) {
|
|
start = start || timestamp;
|
|
var progress = timestamp - start;
|
|
var opacity = parseFloat(1 - progress / duration, 2);
|
|
el.style.opacity = opacity < 0 ? 0 : opacity;
|
|
if (progress > duration) {
|
|
if (callback && typeof callback === 'function') {
|
|
callback();
|
|
}
|
|
} else {
|
|
_window2.default.requestAnimationFrame(animate);
|
|
}
|
|
});
|
|
}
|
|
|
|
function fadeIn(el) {
|
|
var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 400;
|
|
var callback = arguments[2];
|
|
|
|
if (!el.style.opacity) {
|
|
el.style.opacity = 0;
|
|
}
|
|
|
|
var start = null;
|
|
_window2.default.requestAnimationFrame(function animate(timestamp) {
|
|
start = start || timestamp;
|
|
var progress = timestamp - start;
|
|
var opacity = parseFloat(progress / duration, 2);
|
|
el.style.opacity = opacity > 1 ? 1 : opacity;
|
|
if (progress > duration) {
|
|
if (callback && typeof callback === 'function') {
|
|
callback();
|
|
}
|
|
} else {
|
|
_window2.default.requestAnimationFrame(animate);
|
|
}
|
|
});
|
|
}
|
|
|
|
function siblings(el, filter) {
|
|
var siblings = [];
|
|
el = el.parentNode.firstChild;
|
|
do {
|
|
if (!filter || filter(el)) {
|
|
siblings.push(el);
|
|
}
|
|
} while (el = el.nextSibling);
|
|
return siblings;
|
|
}
|
|
|
|
function visible(elem) {
|
|
if (elem.getClientRects !== undefined && elem.getClientRects === 'function') {
|
|
return !!(elem.offsetWidth || elem.offsetHeight || elem.getClientRects().length);
|
|
}
|
|
return !!(elem.offsetWidth || elem.offsetHeight);
|
|
}
|
|
|
|
function ajax(url, dataType, success, error) {
|
|
var xhr = _window2.default.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
|
|
|
|
var type = 'application/x-www-form-urlencoded; charset=UTF-8',
|
|
completed = false,
|
|
accept = '*/'.concat('*');
|
|
|
|
switch (dataType) {
|
|
case 'text':
|
|
type = 'text/plain';
|
|
break;
|
|
case 'json':
|
|
type = 'application/json, text/javascript';
|
|
break;
|
|
case 'html':
|
|
type = 'text/html';
|
|
break;
|
|
case 'xml':
|
|
type = 'application/xml, text/xml';
|
|
break;
|
|
}
|
|
|
|
if (type !== 'application/x-www-form-urlencoded') {
|
|
accept = type + ', */*; q=0.01';
|
|
}
|
|
|
|
if (xhr) {
|
|
xhr.open('GET', url, true);
|
|
xhr.setRequestHeader('Accept', accept);
|
|
xhr.onreadystatechange = function () {
|
|
if (completed) {
|
|
return;
|
|
}
|
|
|
|
if (xhr.readyState === 4) {
|
|
if (xhr.status === 200) {
|
|
completed = true;
|
|
var data = void 0;
|
|
switch (dataType) {
|
|
case 'json':
|
|
data = JSON.parse(xhr.responseText);
|
|
break;
|
|
case 'xml':
|
|
data = xhr.responseXML;
|
|
break;
|
|
default:
|
|
data = xhr.responseText;
|
|
break;
|
|
}
|
|
success(data);
|
|
} else if (typeof error === 'function') {
|
|
error(xhr.status);
|
|
}
|
|
}
|
|
};
|
|
|
|
xhr.send();
|
|
}
|
|
}
|
|
|
|
_mejs2.default.Utils = _mejs2.default.Utils || {};
|
|
_mejs2.default.Utils.offset = offset;
|
|
_mejs2.default.Utils.hasClass = hasClass;
|
|
_mejs2.default.Utils.addClass = addClass;
|
|
_mejs2.default.Utils.removeClass = removeClass;
|
|
_mejs2.default.Utils.toggleClass = toggleClass;
|
|
_mejs2.default.Utils.fadeIn = fadeIn;
|
|
_mejs2.default.Utils.fadeOut = fadeOut;
|
|
_mejs2.default.Utils.siblings = siblings;
|
|
_mejs2.default.Utils.visible = visible;
|
|
_mejs2.default.Utils.ajax = ajax;
|
|
_mejs2.default.Utils.loadScript = loadScript;
|
|
|
|
},{"2":2,"3":3,"4":4}],8:[function(_dereq_,module,exports){
|
|
'use strict';
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.escapeHTML = escapeHTML;
|
|
exports.debounce = debounce;
|
|
exports.isObjectEmpty = isObjectEmpty;
|
|
exports.splitEvents = splitEvents;
|
|
exports.createEvent = createEvent;
|
|
exports.isNodeAfter = isNodeAfter;
|
|
exports.isString = isString;
|
|
|
|
var _mejs = _dereq_(4);
|
|
|
|
var _mejs2 = _interopRequireDefault(_mejs);
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
|
|
function escapeHTML(input) {
|
|
|
|
if (typeof input !== 'string') {
|
|
throw new Error('Argument passed must be a string');
|
|
}
|
|
|
|
var map = {
|
|
'&': '&',
|
|
'<': '<',
|
|
'>': '>',
|
|
'"': '"'
|
|
};
|
|
|
|
return input.replace(/[&<>"]/g, function (c) {
|
|
return map[c];
|
|
});
|
|
}
|
|
|
|
function debounce(func, wait) {
|
|
var _this = this,
|
|
_arguments = arguments;
|
|
|
|
var immediate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
|
|
|
|
if (typeof func !== 'function') {
|
|
throw new Error('First argument must be a function');
|
|
}
|
|
|
|
if (typeof wait !== 'number') {
|
|
throw new Error('Second argument must be a numeric value');
|
|
}
|
|
|
|
var timeout = void 0;
|
|
return function () {
|
|
var context = _this,
|
|
args = _arguments;
|
|
var later = function later() {
|
|
timeout = null;
|
|
if (!immediate) {
|
|
func.apply(context, args);
|
|
}
|
|
};
|
|
var callNow = immediate && !timeout;
|
|
clearTimeout(timeout);
|
|
timeout = setTimeout(later, wait);
|
|
|
|
if (callNow) {
|
|
func.apply(context, args);
|
|
}
|
|
};
|
|
}
|
|
|
|
function isObjectEmpty(instance) {
|
|
return Object.getOwnPropertyNames(instance).length <= 0;
|
|
}
|
|
|
|
function splitEvents(events, id) {
|
|
var rwindow = /^((after|before)print|(before)?unload|hashchange|message|o(ff|n)line|page(hide|show)|popstate|resize|storage)\b/;
|
|
|
|
var ret = { d: [], w: [] };
|
|
(events || '').split(' ').forEach(function (v) {
|
|
var eventName = '' + v + (id ? '.' + id : '');
|
|
|
|
if (eventName.startsWith('.')) {
|
|
ret.d.push(eventName);
|
|
ret.w.push(eventName);
|
|
} else {
|
|
ret[rwindow.test(v) ? 'w' : 'd'].push(eventName);
|
|
}
|
|
});
|
|
|
|
ret.d = ret.d.join(' ');
|
|
ret.w = ret.w.join(' ');
|
|
return ret;
|
|
}
|
|
|
|
function createEvent(eventName, target) {
|
|
|
|
if (typeof eventName !== 'string') {
|
|
throw new Error('Event name must be a string');
|
|
}
|
|
|
|
var eventFrags = eventName.match(/([a-z]+\.([a-z]+))/i),
|
|
detail = {
|
|
target: target
|
|
};
|
|
|
|
if (eventFrags !== null) {
|
|
eventName = eventFrags[1];
|
|
detail.namespace = eventFrags[2];
|
|
}
|
|
|
|
return new window.CustomEvent(eventName, {
|
|
detail: detail
|
|
});
|
|
}
|
|
|
|
function isNodeAfter(sourceNode, targetNode) {
|
|
|
|
return !!(sourceNode && targetNode && sourceNode.compareDocumentPosition(targetNode) & 2);
|
|
}
|
|
|
|
function isString(value) {
|
|
return typeof value === 'string';
|
|
}
|
|
|
|
_mejs2.default.Utils = _mejs2.default.Utils || {};
|
|
_mejs2.default.Utils.escapeHTML = escapeHTML;
|
|
_mejs2.default.Utils.debounce = debounce;
|
|
_mejs2.default.Utils.isObjectEmpty = isObjectEmpty;
|
|
_mejs2.default.Utils.splitEvents = splitEvents;
|
|
_mejs2.default.Utils.createEvent = createEvent;
|
|
_mejs2.default.Utils.isNodeAfter = isNodeAfter;
|
|
_mejs2.default.Utils.isString = isString;
|
|
|
|
},{"4":4}],9:[function(_dereq_,module,exports){
|
|
'use strict';
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.typeChecks = undefined;
|
|
exports.absolutizeUrl = absolutizeUrl;
|
|
exports.formatType = formatType;
|
|
exports.getMimeFromType = getMimeFromType;
|
|
exports.getTypeFromFile = getTypeFromFile;
|
|
exports.getExtension = getExtension;
|
|
exports.normalizeExtension = normalizeExtension;
|
|
|
|
var _mejs = _dereq_(4);
|
|
|
|
var _mejs2 = _interopRequireDefault(_mejs);
|
|
|
|
var _general = _dereq_(8);
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
|
|
var typeChecks = exports.typeChecks = [];
|
|
|
|
function absolutizeUrl(url) {
|
|
|
|
if (typeof url !== 'string') {
|
|
throw new Error('`url` argument must be a string');
|
|
}
|
|
|
|
var el = document.createElement('div');
|
|
el.innerHTML = '<a href="' + (0, _general.escapeHTML)(url) + '">x</a>';
|
|
return el.firstChild.href;
|
|
}
|
|
|
|
function formatType(url) {
|
|
var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
|
|
return url && !type ? getTypeFromFile(url) : type;
|
|
}
|
|
|
|
function getMimeFromType(type) {
|
|
|
|
if (typeof type !== 'string') {
|
|
throw new Error('`type` argument must be a string');
|
|
}
|
|
|
|
return type && type.indexOf(';') > -1 ? type.substr(0, type.indexOf(';')) : type;
|
|
}
|
|
|
|
function getTypeFromFile(url) {
|
|
|
|
if (typeof url !== 'string') {
|
|
throw new Error('`url` argument must be a string');
|
|
}
|
|
|
|
for (var i = 0, total = typeChecks.length; i < total; i++) {
|
|
var type = typeChecks[i](url);
|
|
|
|
if (type) {
|
|
return type;
|
|
}
|
|
}
|
|
|
|
var ext = getExtension(url),
|
|
normalizedExt = normalizeExtension(ext);
|
|
|
|
var mime = 'video/mp4';
|
|
|
|
if (normalizedExt) {
|
|
if (~['mp4', 'm4v', 'ogg', 'ogv', 'webm', 'flv', 'mpeg', 'mov'].indexOf(normalizedExt)) {
|
|
mime = 'video/' + normalizedExt;
|
|
} else if (~['mp3', 'oga', 'wav', 'mid', 'midi'].indexOf(normalizedExt)) {
|
|
mime = 'audio/' + normalizedExt;
|
|
}
|
|
}
|
|
|
|
return mime;
|
|
}
|
|
|
|
function getExtension(url) {
|
|
|
|
if (typeof url !== 'string') {
|
|
throw new Error('`url` argument must be a string');
|
|
}
|
|
|
|
var baseUrl = url.split('?')[0],
|
|
baseName = baseUrl.split('\\').pop().split('/').pop();
|
|
return ~baseName.indexOf('.') ? baseName.substring(baseName.lastIndexOf('.') + 1) : '';
|
|
}
|
|
|
|
function normalizeExtension(extension) {
|
|
|
|
if (typeof extension !== 'string') {
|
|
throw new Error('`extension` argument must be a string');
|
|
}
|
|
|
|
switch (extension) {
|
|
case 'mp4':
|
|
case 'm4v':
|
|
return 'mp4';
|
|
case 'webm':
|
|
case 'webma':
|
|
case 'webmv':
|
|
return 'webm';
|
|
case 'ogg':
|
|
case 'oga':
|
|
case 'ogv':
|
|
return 'ogg';
|
|
default:
|
|
return extension;
|
|
}
|
|
}
|
|
|
|
_mejs2.default.Utils = _mejs2.default.Utils || {};
|
|
_mejs2.default.Utils.typeChecks = typeChecks;
|
|
_mejs2.default.Utils.absolutizeUrl = absolutizeUrl;
|
|
_mejs2.default.Utils.formatType = formatType;
|
|
_mejs2.default.Utils.getMimeFromType = getMimeFromType;
|
|
_mejs2.default.Utils.getTypeFromFile = getTypeFromFile;
|
|
_mejs2.default.Utils.getExtension = getExtension;
|
|
_mejs2.default.Utils.normalizeExtension = normalizeExtension;
|
|
|
|
},{"4":4,"8":8}]},{},[6]);
|