123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411 |
- /*!
- * 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 VimeoApi = {
- promise: null,
- load: function load(settings) {
- if (typeof Vimeo !== 'undefined') {
- VimeoApi._createPlayer(settings);
- } else {
- VimeoApi.promise = VimeoApi.promise || mejs.Utils.loadScript('https://player.vimeo.com/api/player.js');
- VimeoApi.promise.then(function () {
- VimeoApi._createPlayer(settings);
- });
- }
- },
- _createPlayer: function _createPlayer(settings) {
- var player = new Vimeo.Player(settings.iframe);
- window['__ready__' + settings.id](player);
- },
- getVimeoId: function getVimeoId(url) {
- if (url === undefined || url === null) {
- return null;
- }
- var parts = url.split('?');
- url = parts[0];
- return parseInt(url.substring(url.lastIndexOf('/') + 1), 10);
- }
- };
- var vimeoIframeRenderer = {
- name: 'vimeo_iframe',
- options: {
- prefix: 'vimeo_iframe'
- },
- canPlayType: function canPlayType(type) {
- return ~['video/vimeo', 'video/x-vimeo'].indexOf(type.toLowerCase());
- },
- create: function create(mediaElement, options, mediaFiles) {
- var apiStack = [],
- vimeo = {},
- readyState = 4;
- var paused = true,
- volume = 1,
- oldVolume = volume,
- currentTime = 0,
- bufferedTime = 0,
- ended = false,
- duration = 0,
- vimeoPlayer = null,
- url = '';
- vimeo.options = options;
- vimeo.id = mediaElement.id + '_' + options.prefix;
- vimeo.mediaElement = mediaElement;
- var errorHandler = function errorHandler(error) {
- mediaElement.generateError('Code ' + error.name + ': ' + error.message, mediaFiles);
- };
- var props = mejs.html5media.properties,
- assignGettersSetters = function assignGettersSetters(propName) {
- var capName = '' + propName.substring(0, 1).toUpperCase() + propName.substring(1);
- vimeo['get' + capName] = function () {
- if (vimeoPlayer !== null) {
- var value = null;
- switch (propName) {
- case 'currentTime':
- return currentTime;
- case 'duration':
- return duration;
- case 'volume':
- return volume;
- case 'muted':
- return volume === 0;
- case 'paused':
- return paused;
- case 'ended':
- return ended;
- case 'src':
- vimeoPlayer.getVideoUrl().then(function (_url) {
- url = _url;
- }).catch(function (error) {
- return errorHandler(error);
- });
- return url;
- case 'buffered':
- return {
- start: function start() {
- return 0;
- },
- end: function end() {
- return bufferedTime * duration;
- },
- length: 1
- };
- case 'readyState':
- return readyState;
- }
- return value;
- } else {
- return null;
- }
- };
- vimeo['set' + capName] = function (value) {
- if (vimeoPlayer !== null) {
- switch (propName) {
- case 'src':
- var _url2 = typeof value === 'string' ? value : value[0].src,
- videoId = VimeoApi.getVimeoId(_url2);
- vimeoPlayer.loadVideo(videoId).then(function () {
- if (mediaElement.originalNode.autoplay) {
- vimeoPlayer.play();
- }
- }).catch(function (error) {
- return errorHandler(error);
- });
- break;
- case 'currentTime':
- vimeoPlayer.setCurrentTime(value).then(function () {
- currentTime = value;
- setTimeout(function () {
- var event = mejs.Utils.createEvent('timeupdate', vimeo);
- mediaElement.dispatchEvent(event);
- }, 50);
- }).catch(function (error) {
- return errorHandler(error);
- });
- break;
- case 'volume':
- vimeoPlayer.setVolume(value).then(function () {
- volume = value;
- oldVolume = volume;
- setTimeout(function () {
- var event = mejs.Utils.createEvent('volumechange', vimeo);
- mediaElement.dispatchEvent(event);
- }, 50);
- }).catch(function (error) {
- return errorHandler(error);
- });
- break;
- case 'loop':
- vimeoPlayer.setLoop(value).catch(function (error) {
- return errorHandler(error);
- });
- break;
- case 'muted':
- if (value) {
- vimeoPlayer.setVolume(0).then(function () {
- volume = 0;
- setTimeout(function () {
- var event = mejs.Utils.createEvent('volumechange', vimeo);
- mediaElement.dispatchEvent(event);
- }, 50);
- }).catch(function (error) {
- return errorHandler(error);
- });
- } else {
- vimeoPlayer.setVolume(oldVolume).then(function () {
- volume = oldVolume;
- setTimeout(function () {
- var event = mejs.Utils.createEvent('volumechange', vimeo);
- mediaElement.dispatchEvent(event);
- }, 50);
- }).catch(function (error) {
- return errorHandler(error);
- });
- }
- break;
- case 'readyState':
- var event = mejs.Utils.createEvent('canplay', vimeo);
- 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) {
- vimeo[methodName] = function () {
- if (vimeoPlayer !== null) {
- switch (methodName) {
- case 'play':
- paused = false;
- return vimeoPlayer.play();
- case 'pause':
- paused = true;
- return vimeoPlayer.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__' + vimeo.id] = function (_vimeoPlayer) {
- mediaElement.vimeoPlayer = vimeoPlayer = _vimeoPlayer;
- 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);
- vimeo['set' + capName](stackItem.value);
- } else if (stackItem.type === 'call') {
- vimeo[stackItem.methodName]();
- }
- }
- }
- if (mediaElement.originalNode.muted) {
- vimeoPlayer.setVolume(0);
- volume = 0;
- }
- var vimeoIframe = document.getElementById(vimeo.id);
- var events = void 0;
- events = ['mouseover', 'mouseout'];
- var assignEvents = function assignEvents(e) {
- var event = mejs.Utils.createEvent(e.type, vimeo);
- mediaElement.dispatchEvent(event);
- };
- for (var _i3 = 0, _total3 = events.length; _i3 < _total3; _i3++) {
- vimeoIframe.addEventListener(events[_i3], assignEvents, false);
- }
- vimeoPlayer.on('loaded', function () {
- vimeoPlayer.getDuration().then(function (loadProgress) {
- duration = loadProgress;
- if (duration > 0) {
- bufferedTime = duration * loadProgress;
- if (mediaElement.originalNode.autoplay) {
- paused = false;
- ended = false;
- var event = mejs.Utils.createEvent('play', vimeo);
- mediaElement.dispatchEvent(event);
- }
- }
- }).catch(function (error) {
- errorHandler(error, vimeo);
- });
- });
- vimeoPlayer.on('progress', function () {
- vimeoPlayer.getDuration().then(function (loadProgress) {
- duration = loadProgress;
- if (duration > 0) {
- bufferedTime = duration * loadProgress;
- if (mediaElement.originalNode.autoplay) {
- var initEvent = mejs.Utils.createEvent('play', vimeo);
- mediaElement.dispatchEvent(initEvent);
- var playingEvent = mejs.Utils.createEvent('playing', vimeo);
- mediaElement.dispatchEvent(playingEvent);
- }
- }
- var event = mejs.Utils.createEvent('progress', vimeo);
- mediaElement.dispatchEvent(event);
- }).catch(function (error) {
- return errorHandler(error);
- });
- });
- vimeoPlayer.on('timeupdate', function () {
- vimeoPlayer.getCurrentTime().then(function (seconds) {
- currentTime = seconds;
- var event = mejs.Utils.createEvent('timeupdate', vimeo);
- mediaElement.dispatchEvent(event);
- }).catch(function (error) {
- return errorHandler(error);
- });
- });
- vimeoPlayer.on('play', function () {
- paused = false;
- ended = false;
- var event = mejs.Utils.createEvent('play', vimeo);
- mediaElement.dispatchEvent(event);
- var playingEvent = mejs.Utils.createEvent('playing', vimeo);
- mediaElement.dispatchEvent(playingEvent);
- });
- vimeoPlayer.on('pause', function () {
- paused = true;
- ended = false;
- var event = mejs.Utils.createEvent('pause', vimeo);
- mediaElement.dispatchEvent(event);
- });
- vimeoPlayer.on('ended', function () {
- paused = false;
- ended = true;
- var event = mejs.Utils.createEvent('ended', vimeo);
- mediaElement.dispatchEvent(event);
- });
- events = ['rendererready', 'loadedmetadata', 'loadeddata', 'canplay'];
- for (var _i4 = 0, _total4 = events.length; _i4 < _total4; _i4++) {
- var event = mejs.Utils.createEvent(events[_i4], vimeo);
- mediaElement.dispatchEvent(event);
- }
- };
- var height = mediaElement.originalNode.height,
- width = mediaElement.originalNode.width,
- vimeoContainer = document.createElement('iframe'),
- standardUrl = 'https://player.vimeo.com/video/' + VimeoApi.getVimeoId(mediaFiles[0].src);
- var queryArgs = ~mediaFiles[0].src.indexOf('?') ? '?' + mediaFiles[0].src.slice(mediaFiles[0].src.indexOf('?') + 1) : '';
- if (queryArgs && mediaElement.originalNode.autoplay && queryArgs.indexOf('autoplay') === -1) {
- queryArgs += '&autoplay=1';
- }
- if (queryArgs && mediaElement.originalNode.loop && queryArgs.indexOf('loop') === -1) {
- queryArgs += '&loop=1';
- }
- vimeoContainer.setAttribute('id', vimeo.id);
- vimeoContainer.setAttribute('width', width);
- vimeoContainer.setAttribute('height', height);
- vimeoContainer.setAttribute('frameBorder', '0');
- vimeoContainer.setAttribute('src', '' + standardUrl + queryArgs);
- vimeoContainer.setAttribute('webkitallowfullscreen', 'true');
- vimeoContainer.setAttribute('mozallowfullscreen', 'true');
- vimeoContainer.setAttribute('allowfullscreen', 'true');
- mediaElement.originalNode.parentNode.insertBefore(vimeoContainer, mediaElement.originalNode);
- mediaElement.originalNode.style.display = 'none';
- VimeoApi.load({
- iframe: vimeoContainer,
- id: vimeo.id
- });
- vimeo.hide = function () {
- vimeo.pause();
- if (vimeoPlayer) {
- vimeoContainer.style.display = 'none';
- }
- };
- vimeo.setSize = function (width, height) {
- vimeoContainer.setAttribute('width', width);
- vimeoContainer.setAttribute('height', height);
- };
- vimeo.show = function () {
- if (vimeoPlayer) {
- vimeoContainer.style.display = '';
- }
- };
- vimeo.destroy = function () {};
- return vimeo;
- }
- };
- mejs.Utils.typeChecks.push(function (url) {
- return (/(\/\/player\.vimeo|vimeo\.com)/i.test(url) ? 'video/x-vimeo' : null
- );
- });
- mejs.Renderers.add(vimeoIframeRenderer);
- },{}]},{},[1]);
|