vimeo.js 12 KB

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