first
This commit is contained in:
shim
415
plugins/mediaelement/4.2.8/renderers/dailymotion.js
Normal file
415
plugins/mediaelement/4.2.8/renderers/dailymotion.js
Normal file
@@ -0,0 +1,415 @@
|
||||
/*!
|
||||
* 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 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})({1:[function(_dereq_,module,exports){
|
||||
'use strict';
|
||||
|
||||
var DailyMotionApi = {
|
||||
isSDKStarted: false,
|
||||
|
||||
isSDKLoaded: false,
|
||||
|
||||
iframeQueue: [],
|
||||
|
||||
enqueueIframe: function enqueueIframe(settings) {
|
||||
|
||||
if (DailyMotionApi.isLoaded) {
|
||||
DailyMotionApi.createIframe(settings);
|
||||
} else {
|
||||
DailyMotionApi.loadIframeApi();
|
||||
DailyMotionApi.iframeQueue.push(settings);
|
||||
}
|
||||
},
|
||||
|
||||
loadIframeApi: function loadIframeApi() {
|
||||
if (!DailyMotionApi.isSDKStarted) {
|
||||
mejs.Utils.loadScript('https://api.dmcdn.net/all.js');
|
||||
DailyMotionApi.isSDKStarted = true;
|
||||
}
|
||||
},
|
||||
|
||||
apiReady: function apiReady() {
|
||||
|
||||
DailyMotionApi.isLoaded = true;
|
||||
DailyMotionApi.isSDKLoaded = true;
|
||||
|
||||
while (DailyMotionApi.iframeQueue.length > 0) {
|
||||
var settings = DailyMotionApi.iframeQueue.pop();
|
||||
|
||||
DM.init({
|
||||
apiKey: settings.apiKey,
|
||||
status: settings.status,
|
||||
cookie: settings.cookie
|
||||
});
|
||||
|
||||
DailyMotionApi.createIframe(settings);
|
||||
}
|
||||
},
|
||||
|
||||
createIframe: function createIframe(settings) {
|
||||
|
||||
var player = DM.player(settings.container, {
|
||||
height: settings.height || '100%',
|
||||
width: settings.width || '100%',
|
||||
video: settings.videoId,
|
||||
params: Object.assign({ api: true }, settings.params),
|
||||
origin: location.host
|
||||
});
|
||||
|
||||
player.addEventListener('apiready', function () {
|
||||
window['__ready__' + settings.id](player, { paused: true, ended: false });
|
||||
});
|
||||
},
|
||||
|
||||
getDailyMotionId: function getDailyMotionId(url) {
|
||||
var parts = url.split('/'),
|
||||
lastPart = parts[parts.length - 1],
|
||||
dashParts = lastPart.split('_');
|
||||
|
||||
return dashParts[0];
|
||||
}
|
||||
};
|
||||
|
||||
var DailyMotionIframeRenderer = {
|
||||
name: 'dailymotion_iframe',
|
||||
options: {
|
||||
prefix: 'dailymotion_iframe',
|
||||
dailymotion: {
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
params: {
|
||||
autoplay: false,
|
||||
chromeless: 1,
|
||||
info: 0,
|
||||
logo: 0,
|
||||
related: 0
|
||||
},
|
||||
apiKey: null,
|
||||
status: true,
|
||||
cookie: true
|
||||
}
|
||||
},
|
||||
|
||||
canPlayType: function canPlayType(type) {
|
||||
return ~['video/dailymotion', 'video/x-dailymotion'].indexOf(type.toLowerCase());
|
||||
},
|
||||
|
||||
create: function create(mediaElement, options, mediaFiles) {
|
||||
|
||||
var dm = {},
|
||||
apiStack = [],
|
||||
readyState = 4;
|
||||
|
||||
var events = void 0,
|
||||
dmPlayer = null,
|
||||
dmIframe = null,
|
||||
muted = mediaElement.originalNode.muted;
|
||||
|
||||
dm.options = options;
|
||||
dm.id = mediaElement.id + '_' + options.prefix;
|
||||
dm.mediaElement = mediaElement;
|
||||
|
||||
var props = mejs.html5media.properties,
|
||||
assignGettersSetters = function assignGettersSetters(propName) {
|
||||
|
||||
var capName = '' + propName.substring(0, 1).toUpperCase() + propName.substring(1);
|
||||
|
||||
dm['get' + capName] = function () {
|
||||
if (dmPlayer !== null) {
|
||||
var value = null;
|
||||
|
||||
switch (propName) {
|
||||
case 'currentTime':
|
||||
return dmPlayer.currentTime;
|
||||
case 'duration':
|
||||
return isNaN(dmPlayer.duration) ? 0 : dmPlayer.duration;
|
||||
case 'volume':
|
||||
return dmPlayer.volume;
|
||||
case 'paused':
|
||||
return dmPlayer.paused;
|
||||
case 'ended':
|
||||
return dmPlayer.ended;
|
||||
case 'muted':
|
||||
muted = dmPlayer.muted;
|
||||
return muted;
|
||||
case 'buffered':
|
||||
var percentLoaded = dmPlayer.bufferedTime,
|
||||
duration = dmPlayer.duration;
|
||||
return {
|
||||
start: function start() {
|
||||
return 0;
|
||||
},
|
||||
end: function end() {
|
||||
return percentLoaded / duration;
|
||||
},
|
||||
length: 1
|
||||
};
|
||||
case 'src':
|
||||
return mediaElement.originalNode.getAttribute('src');
|
||||
case 'readyState':
|
||||
return readyState;
|
||||
}
|
||||
|
||||
return value;
|
||||
} else {
|
||||
return null;
|
||||
}
|
||||
};
|
||||
|
||||
dm['set' + capName] = function (value) {
|
||||
if (dmPlayer !== null) {
|
||||
switch (propName) {
|
||||
case 'src':
|
||||
var url = typeof value === 'string' ? value : value[0].src;
|
||||
dmPlayer.load(DailyMotionApi.getDailyMotionId(url));
|
||||
break;
|
||||
case 'currentTime':
|
||||
dmPlayer.seek(value);
|
||||
break;
|
||||
case 'muted':
|
||||
if (value === true) {
|
||||
dmPlayer.setVolume(0);
|
||||
}
|
||||
dmPlayer.setMuted(value);
|
||||
muted = value;
|
||||
setTimeout(function () {
|
||||
var event = mejs.Utils.createEvent('volumechange', dm);
|
||||
mediaElement.dispatchEvent(event);
|
||||
}, 50);
|
||||
break;
|
||||
case 'volume':
|
||||
dmPlayer.setVolume(value);
|
||||
if (value === 0 && !dmPlayer.muted) {
|
||||
dmPlayer.setMuted(true);
|
||||
muted = true;
|
||||
} else if (value > 0 && dmPlayer.muted) {
|
||||
dmPlayer.setMuted(false);
|
||||
muted = false;
|
||||
}
|
||||
|
||||
setTimeout(function () {
|
||||
var event = mejs.Utils.createEvent('volumechange', dm);
|
||||
mediaElement.dispatchEvent(event);
|
||||
}, 50);
|
||||
break;
|
||||
case 'readyState':
|
||||
var event = mejs.Utils.createEvent('canplay', dm);
|
||||
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 = mejs.html5media.methods,
|
||||
assignMethods = function assignMethods(methodName) {
|
||||
dm[methodName] = function () {
|
||||
if (dmPlayer !== null) {
|
||||
switch (methodName) {
|
||||
case 'play':
|
||||
return dmPlayer.play();
|
||||
case 'pause':
|
||||
return dmPlayer.pause();
|
||||
case 'load':
|
||||
return null;
|
||||
}
|
||||
} else {
|
||||
apiStack.push({ type: 'call', methodName: methodName });
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
for (var _i = 0, _total = methods.length; _i < _total; _i++) {
|
||||
assignMethods(methods[_i]);
|
||||
}
|
||||
|
||||
window['__ready__' + dm.id] = function (_dmPlayer) {
|
||||
|
||||
mediaElement.dmPlayer = dmPlayer = _dmPlayer;
|
||||
|
||||
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);
|
||||
|
||||
dm['set' + capName](stackItem.value);
|
||||
} else if (stackItem.type === 'call') {
|
||||
dm[stackItem.methodName]();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
dmIframe = document.getElementById(dm.id);
|
||||
|
||||
events = ['mouseover', 'mouseout'];
|
||||
var assignEvents = function assignEvents(e) {
|
||||
var event = mejs.Utils.createEvent(e.type, dm);
|
||||
mediaElement.dispatchEvent(event);
|
||||
};
|
||||
|
||||
for (var _i3 = 0, _total3 = events.length; _i3 < _total3; _i3++) {
|
||||
dmIframe.addEventListener(events[_i3], assignEvents, false);
|
||||
}
|
||||
|
||||
if (mediaElement.originalNode.muted) {
|
||||
dmPlayer.setVolume(0);
|
||||
dmPlayer.setMuted(true);
|
||||
} else {
|
||||
dmPlayer.setVolume(dmPlayer.volume);
|
||||
dmPlayer.setMuted(false);
|
||||
}
|
||||
|
||||
events = mejs.html5media.events;
|
||||
events = events.concat(['click', 'mouseover', 'mouseout']);
|
||||
var assignNativeEvents = function assignNativeEvents(eventName) {
|
||||
if (eventName !== 'ended') {
|
||||
dmPlayer.addEventListener(eventName, function (e) {
|
||||
var event = mejs.Utils.createEvent(e.type, dm);
|
||||
mediaElement.dispatchEvent(event);
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
for (var _i4 = 0, _total4 = events.length; _i4 < _total4; _i4++) {
|
||||
assignNativeEvents(events[_i4]);
|
||||
}
|
||||
|
||||
dmPlayer.addEventListener('ad_start', function () {
|
||||
var event = mejs.Utils.createEvent('play', dm);
|
||||
mediaElement.dispatchEvent(event);
|
||||
|
||||
event = mejs.Utils.createEvent('progress', dm);
|
||||
mediaElement.dispatchEvent(event);
|
||||
|
||||
event = mejs.Utils.createEvent('timeupdate', dm);
|
||||
mediaElement.dispatchEvent(event);
|
||||
});
|
||||
dmPlayer.addEventListener('ad_timeupdate', function () {
|
||||
var event = mejs.Utils.createEvent('timeupdate', dm);
|
||||
mediaElement.dispatchEvent(event);
|
||||
});
|
||||
dmPlayer.addEventListener('ad_pause', function () {
|
||||
var event = mejs.Utils.createEvent('pause', dm);
|
||||
mediaElement.dispatchEvent(event);
|
||||
});
|
||||
dmPlayer.addEventListener('start', function () {
|
||||
if (dmPlayer.muted) {
|
||||
var event = mejs.Utils.createEvent('volumechange', dm);
|
||||
mediaElement.dispatchEvent(event);
|
||||
}
|
||||
});
|
||||
dmPlayer.addEventListener('video_start', function () {
|
||||
var event = mejs.Utils.createEvent('play', dm);
|
||||
mediaElement.dispatchEvent(event);
|
||||
|
||||
var playingEvent = mejs.Utils.createEvent('playing', dm);
|
||||
mediaElement.dispatchEvent(playingEvent);
|
||||
});
|
||||
dmPlayer.addEventListener('ad_timeupdate', function () {
|
||||
var event = mejs.Utils.createEvent('timeupdate', dm);
|
||||
mediaElement.dispatchEvent(event);
|
||||
});
|
||||
dmPlayer.addEventListener('video_end', function () {
|
||||
var event = mejs.Utils.createEvent('ended', dm);
|
||||
mediaElement.dispatchEvent(event);
|
||||
|
||||
if (mediaElement.originalNode.getAttribute('loop')) {
|
||||
dmPlayer.play();
|
||||
}
|
||||
});
|
||||
|
||||
var initEvents = ['rendererready', 'loadedmetadata', 'loadeddata', 'canplay'];
|
||||
|
||||
for (var _i5 = 0, _total5 = initEvents.length; _i5 < _total5; _i5++) {
|
||||
var event = mejs.Utils.createEvent(initEvents[_i5], dm);
|
||||
mediaElement.dispatchEvent(event);
|
||||
}
|
||||
};
|
||||
|
||||
var dmContainer = document.createElement('div');
|
||||
dmContainer.id = dm.id;
|
||||
mediaElement.appendChild(dmContainer);
|
||||
if (mediaElement.originalNode) {
|
||||
dmContainer.style.width = mediaElement.originalNode.style.width;
|
||||
dmContainer.style.height = mediaElement.originalNode.style.height;
|
||||
}
|
||||
mediaElement.originalNode.style.display = 'none';
|
||||
|
||||
var videoId = DailyMotionApi.getDailyMotionId(mediaFiles[0].src),
|
||||
dmSettings = {
|
||||
id: dm.id,
|
||||
container: dmContainer,
|
||||
videoId: videoId
|
||||
};
|
||||
|
||||
dmSettings.params = Object.assign({}, dm.options.dailymotion);
|
||||
|
||||
dmSettings.params.controls = !!mediaElement.originalNode.controls;
|
||||
|
||||
if (mediaElement.originalNode.autoplay) {
|
||||
dmSettings.params.autoplay = true;
|
||||
}
|
||||
if (mediaElement.originalNode.muted) {
|
||||
dmSettings.params.mute = true;
|
||||
}
|
||||
dmSettings.params.api = '1';
|
||||
|
||||
DailyMotionApi.enqueueIframe(dmSettings);
|
||||
|
||||
dm.hide = function () {
|
||||
dm.pause();
|
||||
if (dmIframe) {
|
||||
dmIframe.style.display = 'none';
|
||||
}
|
||||
};
|
||||
dm.show = function () {
|
||||
if (dmIframe) {
|
||||
dmIframe.style.display = '';
|
||||
}
|
||||
};
|
||||
dm.setSize = function (width, height) {
|
||||
if (dmIframe) {
|
||||
dmIframe.width = width;
|
||||
dmIframe.height = height;
|
||||
}
|
||||
};
|
||||
dm.destroy = function () {
|
||||
dmPlayer.destroy();
|
||||
};
|
||||
|
||||
return dm;
|
||||
}
|
||||
};
|
||||
|
||||
mejs.Utils.typeChecks.push(function (url) {
|
||||
return (/\/\/((www\.)?dailymotion\.com|dai\.ly)/i.test(url) ? 'video/x-dailymotion' : null
|
||||
);
|
||||
});
|
||||
|
||||
window.dmAsyncInit = function () {
|
||||
DailyMotionApi.apiReady();
|
||||
};
|
||||
|
||||
mejs.Renderers.add(DailyMotionIframeRenderer);
|
||||
|
||||
},{}]},{},[1]);
|
||||
Reference in New Issue
Block a user