1/*!
2 * MediaElement.js
3 * http://www.mediaelementjs.com/
4 *
5 * Wrapper that mimics native HTML5 MediaElement (audio and video)
6 * using a variety of technologies (pure JavaScript, Flash, iframe)
7 *
8 * Copyright 2010-2017, John Dyer (http://j.hn/)
9 * License: MIT
10 *
11 */(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){
12'use strict';
13
14var VimeoApi = {
15
16 promise: null,
17
18 load: function load(settings) {
19
20 if (typeof Vimeo !== 'undefined') {
21 VimeoApi._createPlayer(settings);
22 } else {
23 VimeoApi.promise = VimeoApi.promise || mejs.Utils.loadScript('https://player.vimeo.com/api/player.js');
24 VimeoApi.promise.then(function () {
25 VimeoApi._createPlayer(settings);
26 });
27 }
28 },
29
30 _createPlayer: function _createPlayer(settings) {
31 var player = new Vimeo.Player(settings.iframe);
32 window['__ready__' + settings.id](player);
33 },
34
35 getVimeoId: function getVimeoId(url) {
36 if (url == null) {
37 return null;
38 }
39
40 var parts = url.split('?');
41 url = parts[0];
42
43 var playerLinkMatch = url.match(/https:\/\/player.vimeo.com\/video\/(\d+)$/);
44 if (playerLinkMatch) {
45 return parseInt(playerLinkMatch[1], 10);
46 }
47
48 var vimeoLinkMatch = url.match(/https:\/\/vimeo.com\/(\d+)$/);
49 if (vimeoLinkMatch) {
50 return parseInt(vimeoLinkMatch[1], 10);
51 }
52
53 var privateVimeoLinkMatch = url.match(/https:\/\/vimeo.com\/(\d+)\/\w+$/);
54 if (privateVimeoLinkMatch) {
55 return parseInt(privateVimeoLinkMatch[1], 10);
56 }
57
58 return NaN;
59 }
60};
61
62var vimeoIframeRenderer = {
63
64 name: 'vimeo_iframe',
65 options: {
66 prefix: 'vimeo_iframe'
67 },
68
69 canPlayType: function canPlayType(type) {
70 return ~['video/vimeo', 'video/x-vimeo'].indexOf(type.toLowerCase());
71 },
72
73 create: function create(mediaElement, options, mediaFiles) {
74 var apiStack = [],
75 vimeo = {},
76 readyState = 4;
77
78 var paused = true,
79 volume = 1,
80 oldVolume = volume,
81 currentTime = 0,
82 bufferedTime = 0,
83 ended = false,
84 duration = 0,
85 vimeoPlayer = null,
86 url = '';
87
88 vimeo.options = options;
89 vimeo.id = mediaElement.id + '_' + options.prefix;
90 vimeo.mediaElement = mediaElement;
91
92 var errorHandler = function errorHandler(error) {
93 mediaElement.generateError('Code ' + error.name + ': ' + error.message, mediaFiles);
94 };
95
96 var props = mejs.html5media.properties,
97 assignGettersSetters = function assignGettersSetters(propName) {
98
99 var capName = '' + propName.substring(0, 1).toUpperCase() + propName.substring(1);
100
101 vimeo['get' + capName] = function () {
102 if (vimeoPlayer !== null) {
103 var value = null;
104
105 switch (propName) {
106 case 'currentTime':
107 return currentTime;
108 case 'duration':
109 return duration;
110 case 'volume':
111 return volume;
112 case 'muted':
113 return volume === 0;
114 case 'paused':
115 return paused;
116 case 'ended':
117 return ended;
118 case 'src':
119 vimeoPlayer.getVideoUrl().then(function (_url) {
120 url = _url;
121 }).catch(function (error) {
122 return errorHandler(error);
123 });
124 return url;
125 case 'buffered':
126 return {
127 start: function start() {
128 return 0;
129 },
130 end: function end() {
131 return bufferedTime * duration;
132 },
133 length: 1
134 };
135 case 'readyState':
136 return readyState;
137 }
138 return value;
139 } else {
140 return null;
141 }
142 };
143
144 vimeo['set' + capName] = function (value) {
145 if (vimeoPlayer !== null) {
146 switch (propName) {
147 case 'src':
148 var _url2 = typeof value === 'string' ? value : value[0].src,
149 videoId = VimeoApi.getVimeoId(_url2);
150
151 vimeoPlayer.loadVideo(videoId).then(function () {
152 if (mediaElement.originalNode.autoplay) {
153 vimeoPlayer.play();
154 }
155 }).catch(function (error) {
156 return errorHandler(error);
157 });
158 break;
159 case 'currentTime':
160 vimeoPlayer.setCurrentTime(value).then(function () {
161 currentTime = value;
162 setTimeout(function () {
163 var event = mejs.Utils.createEvent('timeupdate', vimeo);
164 mediaElement.dispatchEvent(event);
165 }, 50);
166 }).catch(function (error) {
167 return errorHandler(error);
168 });
169 break;
170 case 'volume':
171 vimeoPlayer.setVolume(value).then(function () {
172 volume = value;
173 oldVolume = volume;
174 setTimeout(function () {
175 var event = mejs.Utils.createEvent('volumechange', vimeo);
176 mediaElement.dispatchEvent(event);
177 }, 50);
178 }).catch(function (error) {
179 return errorHandler(error);
180 });
181 break;
182 case 'loop':
183 vimeoPlayer.setLoop(value).catch(function (error) {
184 return errorHandler(error);
185 });
186 break;
187 case 'muted':
188 if (value) {
189 vimeoPlayer.setVolume(0).then(function () {
190 volume = 0;
191 setTimeout(function () {
192 var event = mejs.Utils.createEvent('volumechange', vimeo);
193 mediaElement.dispatchEvent(event);
194 }, 50);
195 }).catch(function (error) {
196 return errorHandler(error);
197 });
198 } else {
199 vimeoPlayer.setVolume(oldVolume).then(function () {
200 volume = oldVolume;
201 setTimeout(function () {
202 var event = mejs.Utils.createEvent('volumechange', vimeo);
203 mediaElement.dispatchEvent(event);
204 }, 50);
205 }).catch(function (error) {
206 return errorHandler(error);
207 });
208 }
209 break;
210 case 'readyState':
211 var event = mejs.Utils.createEvent('canplay', vimeo);
212 mediaElement.dispatchEvent(event);
213 break;
214 default:
215
216 break;
217 }
218 } else {
219 apiStack.push({ type: 'set', propName: propName, value: value });
220 }
221 };
222 };
223
224 for (var i = 0, total = props.length; i < total; i++) {
225 assignGettersSetters(props[i]);
226 }
227
228 var methods = mejs.html5media.methods,
229 assignMethods = function assignMethods(methodName) {
230 vimeo[methodName] = function () {
231 if (vimeoPlayer !== null) {
232 switch (methodName) {
233 case 'play':
234 paused = false;
235 return vimeoPlayer.play();
236 case 'pause':
237 paused = true;
238 return vimeoPlayer.pause();
239 case 'load':
240 return null;
241 }
242 } else {
243 apiStack.push({ type: 'call', methodName: methodName });
244 }
245 };
246 };
247
248 for (var _i = 0, _total = methods.length; _i < _total; _i++) {
249 assignMethods(methods[_i]);
250 }
251
252 window['__ready__' + vimeo.id] = function (_vimeoPlayer) {
253
254 mediaElement.vimeoPlayer = vimeoPlayer = _vimeoPlayer;
255
256 if (apiStack.length) {
257 for (var _i2 = 0, _total2 = apiStack.length; _i2 < _total2; _i2++) {
258 var stackItem = apiStack[_i2];
259
260 if (stackItem.type === 'set') {
261 var propName = stackItem.propName,
262 capName = '' + propName.substring(0, 1).toUpperCase() + propName.substring(1);
263
264 vimeo['set' + capName](stackItem.value);
265 } else if (stackItem.type === 'call') {
266 vimeo[stackItem.methodName]();
267 }
268 }
269 }
270
271 if (mediaElement.originalNode.muted) {
272 vimeoPlayer.setVolume(0);
273 volume = 0;
274 }
275
276 var vimeoIframe = document.getElementById(vimeo.id);
277 var events = void 0;
278
279 events = ['mouseover', 'mouseout'];
280
281 var assignEvents = function assignEvents(e) {
282 var event = mejs.Utils.createEvent(e.type, vimeo);
283 mediaElement.dispatchEvent(event);
284 };
285
286 for (var _i3 = 0, _total3 = events.length; _i3 < _total3; _i3++) {
287 vimeoIframe.addEventListener(events[_i3], assignEvents, false);
288 }
289
290 vimeoPlayer.on('loaded', function () {
291 vimeoPlayer.getDuration().then(function (loadProgress) {
292 duration = loadProgress;
293 if (duration > 0) {
294 bufferedTime = duration * loadProgress;
295 if (mediaElement.originalNode.autoplay) {
296 paused = false;
297 ended = false;
298 var event = mejs.Utils.createEvent('play', vimeo);
299 mediaElement.dispatchEvent(event);
300 }
301 }
302 }).catch(function (error) {
303 errorHandler(error, vimeo);
304 });
305 });
306 vimeoPlayer.on('progress', function () {
307 vimeoPlayer.getDuration().then(function (loadProgress) {
308 duration = loadProgress;
309
310 if (duration > 0) {
311 bufferedTime = duration * loadProgress;
312 if (mediaElement.originalNode.autoplay) {
313 var initEvent = mejs.Utils.createEvent('play', vimeo);
314 mediaElement.dispatchEvent(initEvent);
315
316 var playingEvent = mejs.Utils.createEvent('playing', vimeo);
317 mediaElement.dispatchEvent(playingEvent);
318 }
319 }
320
321 var event = mejs.Utils.createEvent('progress', vimeo);
322 mediaElement.dispatchEvent(event);
323 }).catch(function (error) {
324 return errorHandler(error);
325 });
326 });
327 vimeoPlayer.on('timeupdate', function () {
328 vimeoPlayer.getCurrentTime().then(function (seconds) {
329 currentTime = seconds;
330 var event = mejs.Utils.createEvent('timeupdate', vimeo);
331 mediaElement.dispatchEvent(event);
332 }).catch(function (error) {
333 return errorHandler(error);
334 });
335 });
336 vimeoPlayer.on('play', function () {
337 paused = false;
338 ended = false;
339 var event = mejs.Utils.createEvent('play', vimeo);
340 mediaElement.dispatchEvent(event);
341
342 var playingEvent = mejs.Utils.createEvent('playing', vimeo);
343 mediaElement.dispatchEvent(playingEvent);
344 });
345 vimeoPlayer.on('pause', function () {
346 paused = true;
347 ended = false;
348
349 var event = mejs.Utils.createEvent('pause', vimeo);
350 mediaElement.dispatchEvent(event);
351 });
352 vimeoPlayer.on('ended', function () {
353 paused = false;
354 ended = true;
355
356 var event = mejs.Utils.createEvent('ended', vimeo);
357 mediaElement.dispatchEvent(event);
358 });
359
360 events = ['rendererready', 'loadedmetadata', 'loadeddata', 'canplay'];
361
362 for (var _i4 = 0, _total4 = events.length; _i4 < _total4; _i4++) {
363 var event = mejs.Utils.createEvent(events[_i4], vimeo);
364 mediaElement.dispatchEvent(event);
365 }
366 };
367
368 var height = mediaElement.originalNode.height,
369 width = mediaElement.originalNode.width,
370 vimeoContainer = document.createElement('iframe'),
371 standardUrl = 'https://player.vimeo.com/video/' + VimeoApi.getVimeoId(mediaFiles[0].src);
372
373 var queryArgs = ~mediaFiles[0].src.indexOf('?') ? '?' + mediaFiles[0].src.slice(mediaFiles[0].src.indexOf('?') + 1) : '';
374 var args = [];
375
376 if (mediaElement.originalNode.autoplay && queryArgs.indexOf('autoplay') === -1) {
377 args.push('autoplay=1');
378 }
379 if (mediaElement.originalNode.loop && queryArgs.indexOf('loop') === -1) {
380 args.push('loop=1');
381 }
382
383 queryArgs = '' + queryArgs + (queryArgs ? '&' : '?') + args.join('&');
384
385 vimeoContainer.setAttribute('id', vimeo.id);
386 vimeoContainer.setAttribute('width', width);
387 vimeoContainer.setAttribute('height', height);
388 vimeoContainer.setAttribute('frameBorder', '0');
389 vimeoContainer.setAttribute('src', '' + standardUrl + queryArgs);
390 vimeoContainer.setAttribute('webkitallowfullscreen', 'true');
391 vimeoContainer.setAttribute('mozallowfullscreen', 'true');
392 vimeoContainer.setAttribute('allowfullscreen', 'true');
393 vimeoContainer.setAttribute('allow', 'autoplay');
394
395 mediaElement.originalNode.parentNode.insertBefore(vimeoContainer, mediaElement.originalNode);
396 mediaElement.originalNode.style.display = 'none';
397
398 VimeoApi.load({
399 iframe: vimeoContainer,
400 id: vimeo.id
401 });
402
403 vimeo.hide = function () {
404 vimeo.pause();
405 if (vimeoPlayer) {
406 vimeoContainer.style.display = 'none';
407 }
408 };
409 vimeo.setSize = function (width, height) {
410 vimeoContainer.setAttribute('width', width);
411 vimeoContainer.setAttribute('height', height);
412 };
413 vimeo.show = function () {
414 if (vimeoPlayer) {
415 vimeoContainer.style.display = '';
416 }
417 };
418
419 vimeo.destroy = function () {};
420
421 return vimeo;
422 }
423};
424
425mejs.Utils.typeChecks.push(function (url) {
426 return (/(\/\/player\.vimeo|vimeo\.com)/i.test(url) ? 'video/x-vimeo' : null
427 );
428});
429
430mejs.Renderers.add(vimeoIframeRenderer);
431
432},{}]},{},[1]);
433