@pluginjs/video - npm Package Compare versions

Comparing version 0.7.18 to 0.7.19

dist/video.common.js

 /*!
- * @pluginjs/video v0.7.18 (https://pluginjs.com)
+ * @pluginjs/video v0.7.19 (https://pluginjs.com)
  * Copyright 2019 Creation Studio Limited
@@ -19,4 +19,4 @@ * Released under the GPL-3.0 License.
 
-const namespace = 'video';
-const events = {
+var namespace = 'video';
+var events = {
   READY: 'ready',
@@ -33,3 +33,3 @@ DESTROY: 'destroy',
 };
-const classes = {
+var classes = {
   NAMESPACE: "pj-".concat(namespace),
@@ -40,4 +40,4 @@ THEME: '{namespace}--{theme}',
 };
-const methods = ['enable', 'disable', 'destroy', 'pause', 'load', 'play', 'stop', 'volume', 'setSize', 'swichVideo', 'duration', 'currentTime', 'mute', 'unMute', 'setCurrentTime'];
-const defaults = {
+var methods = ['enable', 'disable', 'destroy', 'pause', 'load', 'play', 'stop', 'volume', 'setSize', 'swichVideo', 'duration', 'currentTime', 'mute', 'unMute', 'setCurrentTime'];
+var defaults = {
   width: '100%',
@@ -127,4 +127,4 @@ height: '100%',
   addSource(url) {
-    const type = url.split('.').pop();
-    const source = document.createElement('source');
+    var type = url.split('.').pop();
+    var source = document.createElement('source');
     source.src = url;
@@ -242,3 +242,3 @@ source.type = "video/".concat(type);
     this.instance.trigger(events.LOAD);
-    const options = this.options;
+    var options = this.options;
     this.api = new window.Vimeo.Player(this.$player, {
@@ -275,3 +275,3 @@ id: this.getId(),
     if (!window.PJVIMEOAPIREADY) {
-      const script = document.createElement('script');
+      var script = document.createElement('script');
 
@@ -284,3 +284,3 @@ script.onload = () => {
       script.src = 'https://player.vimeo.com/api/player.js';
-      const firstScript = document.getElementsByTagName('script')[0];
+      var firstScript = document.getElementsByTagName('script')[0];
       firstScript.parentNode.insertBefore(script, firstScript);
@@ -436,3 +436,3 @@ }
     this.instance.trigger(events.LOAD);
-    const options = this.options;
+    var options = this.options;
     this.api = new window.YT.Player(this.$player, {
@@ -502,5 +502,5 @@ videoId: this.getId(),
 
-    const script = document.createElement('script');
+    var script = document.createElement('script');
     script.src = 'https://www.youtube.com/iframe_api';
-    const firstScript = document.getElementsByTagName('script')[0];
+    var firstScript = document.getElementsByTagName('script')[0];
     firstScript.parentNode.insertBefore(script, firstScript);
@@ -574,8 +574,8 @@ }
 var _dec, _dec2, _dec3, _dec4, _dec5, _class;
-const sources = {};
-let Video = (_dec = decorator.styleable(classes), _dec2 = decorator.eventable(events), _dec3 = decorator.stateable(), _dec4 = decorator.optionable(defaults, true), _dec5 = decorator.register(namespace, {
+var sources = {};
+var Video = (_dec = decorator.styleable(classes), _dec2 = decorator.eventable(events), _dec3 = decorator.stateable(), _dec4 = decorator.optionable(defaults, true), _dec5 = decorator.register(namespace, {
   methods: methods
 }), _dec(_class = _dec2(_class = _dec3(_class = _dec4(_class = _dec5(_class = class Video extends Component {
   constructor(element) {
-    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     super(element);
@@ -582,0 +582,0 @@ this.setupOptions(options);

dist/video.common.min.js

 /*!
- * @pluginjs/video v0.7.18 (https://pluginjs.com)
+ * @pluginjs/video v0.7.19 (https://pluginjs.com)
  * Copyright 2019 Creation Studio Limited
  * Released under the GPL-3.0 License.
  */
-"use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var Component=_interopDefault(require("@pluginjs/component")),decorator=require("@pluginjs/decorator"),styled=require("@pluginjs/styled"),classes$1=require("@pluginjs/classes"),dom=require("@pluginjs/dom"),is=require("@pluginjs/is"),utils=require("@pluginjs/utils"),Pj=_interopDefault(require("@pluginjs/factory"));const namespace="video",events={READY:"ready",DESTROY:"destroy",LOAD:"load",LOADED:"loaded",PLAY:"play",PAUSE:"pause",STOP:"stop",ENDED:"ended",ERROR:"error",BUFFERING:"buffering"},classes={NAMESPACE:"pj-".concat("video"),THEME:"{namespace}--{theme}",POSTER:"{namespace}-poster",POSTERHIDE:"{namespace}-poster-hide"},methods=["enable","disable","destroy","pause","load","play","stop","volume","setSize","swichVideo","duration","currentTime","mute","unMute","setCurrentTime"],defaults={width:"100%",height:"100%",url:"",id:"",type:"",autoplay:!1,loop:!0,controls:!0,muted:!1,poster:""};class Html5{constructor(e,t){this.element=t,this.options=Object.assign({autoplay:!1,controls:!0,loop:!0,muted:!1},e.options),this.instance=e}init(e){this.$player=document.createElement("video"),this.$player.autoplay=this.options.autoplay,this.$player.controls=this.options.controls,this.$player.loop=this.options.loop,this.$player.muted=this.options.muted,dom.append(this.$player,this.element),e()}load(){this.instance.trigger(events.LOAD),this.setSources(this.options.url),this.bind()}bind(){this.listeners={canplay:()=>{this.instance.trigger(events.LOADED),this.instance.hidePoster()},play:()=>{this.instance.trigger(events.PLAY)},pause:()=>{this.instance.trigger(events.PAUSE)},ended:()=>{this.instance.trigger(events.ENDED)},waiting:()=>{this.instance.trigger(events.BUFFERING)},error:e=>{this.instance.trigger(events.ERROR,e)}},utils.each(this.listeners,(e,t)=>{this.$player.addEventListener(e,t)})}unbind(){utils.each(this.listeners,(e,t)=>{this.$player.removeEventListener(e,t)})}setSources(e){is.isArray(e)?e.forEach(e=>{this.addSource(e)}):this.addSource(e)}addSource(e){const t=e.split(".").pop(),i=document.createElement("source");i.src=e,i.type="video/".concat(t),dom.append(i,this.$player)}setSize(e,t){styled.setStyle({width:e,height:t},this.element),styled.setStyle({width:e,height:t},this.$player)}swichVideo(e){this.pause(),this.$player.innerHTML="",this.setSources(e),this.$player.load()}currentTime(){return this.$player.currentTime}duration(){return this.$player.duration}setCurrentTime(e){this.$player.currentTime=e}pause(){this.$player.pause()}play(){this.$player.play()}mute(){this.$player.muted=!0}unMute(){this.$player.muted=!1}stop(){this.$player.currentTime=0,this.$player.pause(),this.instance.trigger(events.STOP)}volume(e){this.$player.volume=e/100}destroy(){this.unbind(),this.$player.remove()}}window.PJVIMEOAPIREADY=!1;class Vimeo{constructor(e,t){this.element=t,this.options=Object.assign({autopause:!0,autoplay:!1,background:!e.options.controls,byline:!1,color:"#00adef",loop:!0,muted:!1,playsinline:!0,portrait:!1,speed:!1,title:!1,transparent:!1},e.options),this.instance=e}init(e){this._duration=null,this._currentTime=null,this.$player=document.createElement("div"),styled.setStyle({width:this.options.width,height:this.options.height},this.$player),dom.append(this.$player,this.element),window.PJVIMEOAPIREADY?e():(Pj.emitter.on("video:vimeo:ready",()=>{e()}),this.constructor.prepare())}load(){this.instance.trigger(events.LOAD);const e=this.options;this.api=new window.Vimeo.Player(this.$player,{id:this.getId(),autopause:e.autopause,autoplay:e.autoplay,background:e.background,byline:e.byline,color:e.color,loop:e.loop,muted:e.muted,playsinline:e.playsinline,portrait:e.portrait,speed:e.speed,title:e.title,transparent:e.transparent}),this.bind()}getId(){return this.options.id?this.options.id:this.options.url?this.options.url.split("/")[3].split("?")[0]:void 0}static prepare(){if(!window.PJVIMEOAPIREADY){const e=document.createElement("script");e.onload=(()=>{window.PJVIMEOAPIREADY=!0,Pj.emitter.emit("video:vimeo:ready")}),e.src="https://player.vimeo.com/api/player.js";const t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}}bind(){this.api.on("play",()=>{this.instance.trigger(events.PLAY)}),this.api.on("pause",()=>{this.instance.trigger(events.PAUSE)}),this.api.on("ended",()=>{this.instance.trigger(events.ENDED)}),this.api.on("loaded",()=>{this.instance.trigger(events.LOADED),this.instance.hidePoster(),this.$iframe=dom.query("iframe",this.$player),this.$iframe.setAttribute("width","100%"),this.$iframe.setAttribute("height","100%"),this.options.background&&!this.options.muted&&this.volume(50),this.api.getDuration().then(e=>{this._duration=e})}),this.api.on("timeupdate",e=>{this._currentTime=e.seconds}),this.api.on("error",e=>{this.instance.trigger(events.ERROR,e)}),this.api.on("bufferstart",()=>{this.instance.trigger(events.BUFFERING)})}setSize(e,t){styled.setStyle({width:e,height:t},this.element),styled.setStyle({width:e,height:t},this.$player)}swichVideo(e){this.api.loadVideo(e)}currentTime(){return this._currentTime}duration(){return this._duration}setCurrentTime(e){this.api.setCurrentTime(e)}stop(){this.api.setCurrentTime(0),this.api.pause(),this.instance.trigger(events.STOP)}mute(){this.api.getVolume().then(e=>{this._preVolume=e}),this.volume(0)}unMute(){this._preVolume&&this.api.setVolume(this._preVolume)}pause(){this.api.pause()}volume(e){return void 0===e?this.api.getVolume():this.api.setVolume(e/100)}play(){this.api.play()}destroy(){this.api&&this.api.destroy(),this.$player.remove()}}window.PJYTAPIREADY=!1;class Youtube{constructor(e,t){this.element=t,this.options=Object.assign({autoplay:!0,controls:!1,muted:!1,disablekb:!1,fs:!1,iv_load_policy:!0,loop:!0,modestbranding:!1,playsinline:!0,rel:!1,showinfo:!1},e.options),this.instance=e}init(e){this.$player=document.createElement("div"),dom.append(this.$player,this.element),window.PJYTAPIREADY?e():(Pj.emitter.on("video:youtube:ready",()=>{e()}),this.constructor.prepare())}load(){this.instance.trigger(events.LOAD);const e=this.options;this.api=new window.YT.Player(this.$player,{videoId:this.getId(),width:e.width,height:e.height,playerVars:{autoplay:e.autoplay?1:0,cc_load_policy:e.cc_load_policy?1:0,controls:e.controls?2:0,disablekb:e.keyboard?0:1,enablejsapi:0,fs:e.fullscreen?1:0,iv_load_policy:e.iv_load_policy?1:3,loop:e.loop?0:1,modestbranding:e.modestbranding?1:0,origin:window.location.origin,playsinline:e.playsinline?1:0,rel:e.rel?1:0,showinfo:e.showinfo?1:0,wmode:"opaque"},events:{onReady:()=>{this.instance.trigger(events.LOADED),this.instance.hidePoster(),e.muted&&this.api.mute()},onStateChange:e=>{1===e.data?this.instance.trigger(events.PLAY):2===e.data?this.instance.trigger(events.PAUSE):0===e.data?this.instance.trigger(events.ENDED):3===e.data&&this.instance.trigger(events.BUFFERING)},onError:e=>{this.instance.trigger(events.ERROR,e)}}})}getId(){return this.options.id?this.options.id:this.options.url?this.options.url.split("/")[3].split("?v=")[1]:void 0}static prepare(){window.onYouTubeIframeAPIReady=(()=>{window.PJYTAPIREADY=!0,Pj.emitter.emit("video:youtube:ready")});const e=document.createElement("script");e.src="https://www.youtube.com/iframe_api";const t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}setSize(e,t){styled.setStyle({width:e,height:t},this.element),styled.setStyle({width:e,height:t},this.element)}swichVideo(e){this.api.loadVideoById({videoId:e})}currentTime(){return this.api.getCurrentTime()}duration(){return this.api.getDuration()}setCurrentTime(e){this.api.seekTo(e,!0)}volume(e){this.api.setVolume(e)}mute(){this.api.mute()}unMute(){this.api.unMute()}pause(){this.api.pauseVideo()}stop(){this.api.stopVideo(),this.instance.trigger(events.STOP)}play(){this.api.playVideo()}destroy(){this.api&&this.api.destroy(),this.$player.remove()}}var _dec,_dec2,_dec3,_dec4,_dec5,_class;const sources={};let Video=(_dec=decorator.styleable(classes))(_class=(_dec2=decorator.eventable(events))(_class=(_dec3=decorator.stateable())(_class=(_dec4=decorator.optionable(defaults,!0))(_class=(_dec5=decorator.register("video",{methods:methods}))(_class=class extends Component{constructor(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};super(e),this.setupOptions(t),this.setupClasses(),this.setupStates(),this.initialize()}initialize(){this.initVideo(),this.initPoster(),void 0!==sources[this.options.type]&&(this.player=new sources[this.options.type](this,this.$video)),this.player.init(()=>{this.load(),this.enter("initialized"),this.trigger(events.READY)})}initVideo(){this.$video=this.element,classes$1.addClass(this.classes.NAMESPACE,this.$video),this.options.theme&&classes$1.addClass(this.getThemeClass(),this.$video)}initPoster(){this.options.poster&&(this.$poster=document.createElement("div"),classes$1.addClass(this.classes.POSTER,this.$poster),styled.setStyle("background-image","url(".concat(this.options.poster,")"),this.$poster),dom.append(this.$poster,this.$video))}hidePoster(){this.options.poster&&classes$1.addClass(this.classes.POSTERHIDE,this.$poster)}load(){this.is("loaded")||(this.player.load(),this.enter("loaded"))}switchVideo(e){this.is("loaded")&&this.player.swichVideo(e)}duration(){if(this.is("loaded"))return this.player.duration()}currentTime(){if(this.is("loaded"))return this.player.currentTime()}setCurrentTime(e){this.is("loaded")&&this.player.setCurrentTime(e)}setSize(e,t){this.is("loaded")&&(this.player.setSize(e,t),this.options.width=e,this.options.height=t)}play(){this.is("loaded")&&this.player.play()}stop(){this.is("loaded")&&this.player.stop()}volume(e){this.is("loaded")&&this.player.volume(e)}pause(){this.is("loaded")&&this.player.pause()}mute(){this.is("loaded")&&this.player.mute()}unMute(){this.is("loaded")&&this.player.unMute()}destroy(){this.is("initialized")&&(this.leave("initialized"),classes$1.removeClass(this.classes.NAMESPACE,this.$video),this.options.theme&&classes$1.removeClass(this.getThemeClass(),this.$video),this.options.poster&&this.$poster.remove(),this.player.destroy()),this.is("loaded")&&this.leave("loaded"),this.trigger(events.DESTROY),super.destroy()}static registerSource(e,t){sources[e]=t}static prepare(e){void 0!==sources[e]&&"prepare"in sources[e]&&sources[e].prepare()}})||_class)||_class)||_class)||_class)||_class;Video.registerSource("youtube",Youtube),Video.registerSource("vimeo",Vimeo),Video.registerSource("html5",Html5),module.exports=Video;
+"use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var _dec,_dec2,_dec3,_dec4,_dec5,_class,Component=_interopDefault(require("@pluginjs/component")),decorator=require("@pluginjs/decorator"),styled=require("@pluginjs/styled"),classes$1=require("@pluginjs/classes"),dom=require("@pluginjs/dom"),is=require("@pluginjs/is"),utils=require("@pluginjs/utils"),Pj=_interopDefault(require("@pluginjs/factory")),namespace="video",events={READY:"ready",DESTROY:"destroy",LOAD:"load",LOADED:"loaded",PLAY:"play",PAUSE:"pause",STOP:"stop",ENDED:"ended",ERROR:"error",BUFFERING:"buffering"},classes={NAMESPACE:"pj-".concat(namespace),THEME:"{namespace}--{theme}",POSTER:"{namespace}-poster",POSTERHIDE:"{namespace}-poster-hide"},methods=["enable","disable","destroy","pause","load","play","stop","volume","setSize","swichVideo","duration","currentTime","mute","unMute","setCurrentTime"],defaults={width:"100%",height:"100%",url:"",id:"",type:"",autoplay:!1,loop:!0,controls:!0,muted:!1,poster:""};class Html5{constructor(e,t){this.element=t,this.options=Object.assign({autoplay:!1,controls:!0,loop:!0,muted:!1},e.options),this.instance=e}init(e){this.$player=document.createElement("video"),this.$player.autoplay=this.options.autoplay,this.$player.controls=this.options.controls,this.$player.loop=this.options.loop,this.$player.muted=this.options.muted,dom.append(this.$player,this.element),e()}load(){this.instance.trigger(events.LOAD),this.setSources(this.options.url),this.bind()}bind(){this.listeners={canplay:()=>{this.instance.trigger(events.LOADED),this.instance.hidePoster()},play:()=>{this.instance.trigger(events.PLAY)},pause:()=>{this.instance.trigger(events.PAUSE)},ended:()=>{this.instance.trigger(events.ENDED)},waiting:()=>{this.instance.trigger(events.BUFFERING)},error:e=>{this.instance.trigger(events.ERROR,e)}},utils.each(this.listeners,(e,t)=>{this.$player.addEventListener(e,t)})}unbind(){utils.each(this.listeners,(e,t)=>{this.$player.removeEventListener(e,t)})}setSources(e){is.isArray(e)?e.forEach(e=>{this.addSource(e)}):this.addSource(e)}addSource(e){var t=e.split(".").pop(),i=document.createElement("source");i.src=e,i.type="video/".concat(t),dom.append(i,this.$player)}setSize(e,t){styled.setStyle({width:e,height:t},this.element),styled.setStyle({width:e,height:t},this.$player)}swichVideo(e){this.pause(),this.$player.innerHTML="",this.setSources(e),this.$player.load()}currentTime(){return this.$player.currentTime}duration(){return this.$player.duration}setCurrentTime(e){this.$player.currentTime=e}pause(){this.$player.pause()}play(){this.$player.play()}mute(){this.$player.muted=!0}unMute(){this.$player.muted=!1}stop(){this.$player.currentTime=0,this.$player.pause(),this.instance.trigger(events.STOP)}volume(e){this.$player.volume=e/100}destroy(){this.unbind(),this.$player.remove()}}window.PJVIMEOAPIREADY=!1;class Vimeo{constructor(e,t){this.element=t,this.options=Object.assign({autopause:!0,autoplay:!1,background:!e.options.controls,byline:!1,color:"#00adef",loop:!0,muted:!1,playsinline:!0,portrait:!1,speed:!1,title:!1,transparent:!1},e.options),this.instance=e}init(e){this._duration=null,this._currentTime=null,this.$player=document.createElement("div"),styled.setStyle({width:this.options.width,height:this.options.height},this.$player),dom.append(this.$player,this.element),window.PJVIMEOAPIREADY?e():(Pj.emitter.on("video:vimeo:ready",()=>{e()}),this.constructor.prepare())}load(){this.instance.trigger(events.LOAD);var e=this.options;this.api=new window.Vimeo.Player(this.$player,{id:this.getId(),autopause:e.autopause,autoplay:e.autoplay,background:e.background,byline:e.byline,color:e.color,loop:e.loop,muted:e.muted,playsinline:e.playsinline,portrait:e.portrait,speed:e.speed,title:e.title,transparent:e.transparent}),this.bind()}getId(){return this.options.id?this.options.id:this.options.url?this.options.url.split("/")[3].split("?")[0]:void 0}static prepare(){if(!window.PJVIMEOAPIREADY){var e=document.createElement("script");e.onload=()=>{window.PJVIMEOAPIREADY=!0,Pj.emitter.emit("video:vimeo:ready")},e.src="https://player.vimeo.com/api/player.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}}bind(){this.api.on("play",()=>{this.instance.trigger(events.PLAY)}),this.api.on("pause",()=>{this.instance.trigger(events.PAUSE)}),this.api.on("ended",()=>{this.instance.trigger(events.ENDED)}),this.api.on("loaded",()=>{this.instance.trigger(events.LOADED),this.instance.hidePoster(),this.$iframe=dom.query("iframe",this.$player),this.$iframe.setAttribute("width","100%"),this.$iframe.setAttribute("height","100%"),this.options.background&&!this.options.muted&&this.volume(50),this.api.getDuration().then(e=>{this._duration=e})}),this.api.on("timeupdate",e=>{this._currentTime=e.seconds}),this.api.on("error",e=>{this.instance.trigger(events.ERROR,e)}),this.api.on("bufferstart",()=>{this.instance.trigger(events.BUFFERING)})}setSize(e,t){styled.setStyle({width:e,height:t},this.element),styled.setStyle({width:e,height:t},this.$player)}swichVideo(e){this.api.loadVideo(e)}currentTime(){return this._currentTime}duration(){return this._duration}setCurrentTime(e){this.api.setCurrentTime(e)}stop(){this.api.setCurrentTime(0),this.api.pause(),this.instance.trigger(events.STOP)}mute(){this.api.getVolume().then(e=>{this._preVolume=e}),this.volume(0)}unMute(){this._preVolume&&this.api.setVolume(this._preVolume)}pause(){this.api.pause()}volume(e){return void 0===e?this.api.getVolume():this.api.setVolume(e/100)}play(){this.api.play()}destroy(){this.api&&this.api.destroy(),this.$player.remove()}}window.PJYTAPIREADY=!1;class Youtube{constructor(e,t){this.element=t,this.options=Object.assign({autoplay:!0,controls:!1,muted:!1,disablekb:!1,fs:!1,iv_load_policy:!0,loop:!0,modestbranding:!1,playsinline:!0,rel:!1,showinfo:!1},e.options),this.instance=e}init(e){this.$player=document.createElement("div"),dom.append(this.$player,this.element),window.PJYTAPIREADY?e():(Pj.emitter.on("video:youtube:ready",()=>{e()}),this.constructor.prepare())}load(){this.instance.trigger(events.LOAD);var e=this.options;this.api=new window.YT.Player(this.$player,{videoId:this.getId(),width:e.width,height:e.height,playerVars:{autoplay:e.autoplay?1:0,cc_load_policy:e.cc_load_policy?1:0,controls:e.controls?2:0,disablekb:e.keyboard?0:1,enablejsapi:0,fs:e.fullscreen?1:0,iv_load_policy:e.iv_load_policy?1:3,loop:e.loop?0:1,modestbranding:e.modestbranding?1:0,origin:window.location.origin,playsinline:e.playsinline?1:0,rel:e.rel?1:0,showinfo:e.showinfo?1:0,wmode:"opaque"},events:{onReady:()=>{this.instance.trigger(events.LOADED),this.instance.hidePoster(),e.muted&&this.api.mute()},onStateChange:e=>{1===e.data?this.instance.trigger(events.PLAY):2===e.data?this.instance.trigger(events.PAUSE):0===e.data?this.instance.trigger(events.ENDED):3===e.data&&this.instance.trigger(events.BUFFERING)},onError:e=>{this.instance.trigger(events.ERROR,e)}}})}getId(){return this.options.id?this.options.id:this.options.url?this.options.url.split("/")[3].split("?v=")[1]:void 0}static prepare(){window.onYouTubeIframeAPIReady=()=>{window.PJYTAPIREADY=!0,Pj.emitter.emit("video:youtube:ready")};var e=document.createElement("script");e.src="https://www.youtube.com/iframe_api";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}setSize(e,t){styled.setStyle({width:e,height:t},this.element),styled.setStyle({width:e,height:t},this.element)}swichVideo(e){this.api.loadVideoById({videoId:e})}currentTime(){return this.api.getCurrentTime()}duration(){return this.api.getDuration()}setCurrentTime(e){this.api.seekTo(e,!0)}volume(e){this.api.setVolume(e)}mute(){this.api.mute()}unMute(){this.api.unMute()}pause(){this.api.pauseVideo()}stop(){this.api.stopVideo(),this.instance.trigger(events.STOP)}play(){this.api.playVideo()}destroy(){this.api&&this.api.destroy(),this.$player.remove()}}var sources={},Video=(_dec=decorator.styleable(classes))(_class=(_dec2=decorator.eventable(events))(_class=(_dec3=decorator.stateable())(_class=(_dec4=decorator.optionable(defaults,!0))(_class=(_dec5=decorator.register(namespace,{methods:methods}))(_class=class extends Component{constructor(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};super(e),this.setupOptions(t),this.setupClasses(),this.setupStates(),this.initialize()}initialize(){this.initVideo(),this.initPoster(),void 0!==sources[this.options.type]&&(this.player=new sources[this.options.type](this,this.$video)),this.player.init(()=>{this.load(),this.enter("initialized"),this.trigger(events.READY)})}initVideo(){this.$video=this.element,classes$1.addClass(this.classes.NAMESPACE,this.$video),this.options.theme&&classes$1.addClass(this.getThemeClass(),this.$video)}initPoster(){this.options.poster&&(this.$poster=document.createElement("div"),classes$1.addClass(this.classes.POSTER,this.$poster),styled.setStyle("background-image","url(".concat(this.options.poster,")"),this.$poster),dom.append(this.$poster,this.$video))}hidePoster(){this.options.poster&&classes$1.addClass(this.classes.POSTERHIDE,this.$poster)}load(){this.is("loaded")||(this.player.load(),this.enter("loaded"))}switchVideo(e){this.is("loaded")&&this.player.swichVideo(e)}duration(){if(this.is("loaded"))return this.player.duration()}currentTime(){if(this.is("loaded"))return this.player.currentTime()}setCurrentTime(e){this.is("loaded")&&this.player.setCurrentTime(e)}setSize(e,t){this.is("loaded")&&(this.player.setSize(e,t),this.options.width=e,this.options.height=t)}play(){this.is("loaded")&&this.player.play()}stop(){this.is("loaded")&&this.player.stop()}volume(e){this.is("loaded")&&this.player.volume(e)}pause(){this.is("loaded")&&this.player.pause()}mute(){this.is("loaded")&&this.player.mute()}unMute(){this.is("loaded")&&this.player.unMute()}destroy(){this.is("initialized")&&(this.leave("initialized"),classes$1.removeClass(this.classes.NAMESPACE,this.$video),this.options.theme&&classes$1.removeClass(this.getThemeClass(),this.$video),this.options.poster&&this.$poster.remove(),this.player.destroy()),this.is("loaded")&&this.leave("loaded"),this.trigger(events.DESTROY),super.destroy()}static registerSource(e,t){sources[e]=t}static prepare(e){void 0!==sources[e]&&"prepare"in sources[e]&&sources[e].prepare()}})||_class)||_class)||_class)||_class)||_class;Video.registerSource("youtube",Youtube),Video.registerSource("vimeo",Vimeo),Video.registerSource("html5",Html5),module.exports=Video;

dist/video.esm.js

 /*!
- * @pluginjs/video v0.7.18 (https://pluginjs.com)
+ * @pluginjs/video v0.7.19 (https://pluginjs.com)
  * Copyright 2019 Creation Studio Limited
@@ -15,4 +15,4 @@ * Released under the GPL-3.0 License.
 
-const namespace = 'video';
-const events = {
+var namespace = 'video';
+var events = {
   READY: 'ready',
@@ -29,3 +29,3 @@ DESTROY: 'destroy',
 };
-const classes = {
+var classes = {
   NAMESPACE: "pj-".concat(namespace),
@@ -36,4 +36,4 @@ THEME: '{namespace}--{theme}',
 };
-const methods = ['enable', 'disable', 'destroy', 'pause', 'load', 'play', 'stop', 'volume', 'setSize', 'swichVideo', 'duration', 'currentTime', 'mute', 'unMute', 'setCurrentTime'];
-const defaults = {
+var methods = ['enable', 'disable', 'destroy', 'pause', 'load', 'play', 'stop', 'volume', 'setSize', 'swichVideo', 'duration', 'currentTime', 'mute', 'unMute', 'setCurrentTime'];
+var defaults = {
   width: '100%',
@@ -123,4 +123,4 @@ height: '100%',
   addSource(url) {
-    const type = url.split('.').pop();
-    const source = document.createElement('source');
+    var type = url.split('.').pop();
+    var source = document.createElement('source');
     source.src = url;
@@ -238,3 +238,3 @@ source.type = "video/".concat(type);
     this.instance.trigger(events.LOAD);
-    const options = this.options;
+    var options = this.options;
     this.api = new window.Vimeo.Player(this.$player, {
@@ -271,3 +271,3 @@ id: this.getId(),
     if (!window.PJVIMEOAPIREADY) {
-      const script = document.createElement('script');
+      var script = document.createElement('script');
 
@@ -280,3 +280,3 @@ script.onload = () => {
       script.src = 'https://player.vimeo.com/api/player.js';
-      const firstScript = document.getElementsByTagName('script')[0];
+      var firstScript = document.getElementsByTagName('script')[0];
       firstScript.parentNode.insertBefore(script, firstScript);
@@ -432,3 +432,3 @@ }
     this.instance.trigger(events.LOAD);
-    const options = this.options;
+    var options = this.options;
     this.api = new window.YT.Player(this.$player, {
@@ -498,5 +498,5 @@ videoId: this.getId(),
 
-    const script = document.createElement('script');
+    var script = document.createElement('script');
     script.src = 'https://www.youtube.com/iframe_api';
-    const firstScript = document.getElementsByTagName('script')[0];
+    var firstScript = document.getElementsByTagName('script')[0];
     firstScript.parentNode.insertBefore(script, firstScript);
@@ -570,8 +570,8 @@ }
 var _dec, _dec2, _dec3, _dec4, _dec5, _class;
-const sources = {};
-let Video = (_dec = styleable(classes), _dec2 = eventable(events), _dec3 = stateable(), _dec4 = optionable(defaults, true), _dec5 = register(namespace, {
+var sources = {};
+var Video = (_dec = styleable(classes), _dec2 = eventable(events), _dec3 = stateable(), _dec4 = optionable(defaults, true), _dec5 = register(namespace, {
   methods: methods
 }), _dec(_class = _dec2(_class = _dec3(_class = _dec4(_class = _dec5(_class = class Video extends Component {
   constructor(element) {
-    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     super(element);
@@ -578,0 +578,0 @@ this.setupOptions(options);

dist/video.esm.min.js

 /*!
- * @pluginjs/video v0.7.18 (https://pluginjs.com)
+ * @pluginjs/video v0.7.19 (https://pluginjs.com)
  * Copyright 2019 Creation Studio Limited
  * Released under the GPL-3.0 License.
  */
-import t from"@pluginjs/component";import{styleable as i,eventable as e,stateable as s,optionable as o,register as r}from"@pluginjs/decorator";import{setStyle as a}from"@pluginjs/styled";import{addClass as n,removeClass as h}from"@pluginjs/classes";import{append as p,query as l}from"@pluginjs/dom";import{isArray as d}from"@pluginjs/is";import{each as u}from"@pluginjs/utils";import c from"@pluginjs/factory";const m={READY:"ready",DESTROY:"destroy",LOAD:"load",LOADED:"loaded",PLAY:"play",PAUSE:"pause",STOP:"stop",ENDED:"ended",ERROR:"error",BUFFERING:"buffering"},y={NAMESPACE:"pj-".concat("video"),THEME:"{namespace}--{theme}",POSTER:"{namespace}-poster",POSTERHIDE:"{namespace}-poster-hide"};window.PJVIMEOAPIREADY=!1;window.PJYTAPIREADY=!1;var g;const E={};let v=i(y)(g=e(m)(g=s()(g=o({width:"100%",height:"100%",url:"",id:"",type:"",autoplay:!1,loop:!0,controls:!0,muted:!1,poster:""},!0)(g=r("video",{methods:["enable","disable","destroy","pause","load","play","stop","volume","setSize","swichVideo","duration","currentTime","mute","unMute","setCurrentTime"]})(g=class extends t{constructor(t){let i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};super(t),this.setupOptions(i),this.setupClasses(),this.setupStates(),this.initialize()}initialize(){this.initVideo(),this.initPoster(),void 0!==E[this.options.type]&&(this.player=new E[this.options.type](this,this.$video)),this.player.init(()=>{this.load(),this.enter("initialized"),this.trigger(m.READY)})}initVideo(){this.$video=this.element,n(this.classes.NAMESPACE,this.$video),this.options.theme&&n(this.getThemeClass(),this.$video)}initPoster(){this.options.poster&&(this.$poster=document.createElement("div"),n(this.classes.POSTER,this.$poster),a("background-image","url(".concat(this.options.poster,")"),this.$poster),p(this.$poster,this.$video))}hidePoster(){this.options.poster&&n(this.classes.POSTERHIDE,this.$poster)}load(){this.is("loaded")||(this.player.load(),this.enter("loaded"))}switchVideo(t){this.is("loaded")&&this.player.swichVideo(t)}duration(){if(this.is("loaded"))return this.player.duration()}currentTime(){if(this.is("loaded"))return this.player.currentTime()}setCurrentTime(t){this.is("loaded")&&this.player.setCurrentTime(t)}setSize(t,i){this.is("loaded")&&(this.player.setSize(t,i),this.options.width=t,this.options.height=i)}play(){this.is("loaded")&&this.player.play()}stop(){this.is("loaded")&&this.player.stop()}volume(t){this.is("loaded")&&this.player.volume(t)}pause(){this.is("loaded")&&this.player.pause()}mute(){this.is("loaded")&&this.player.mute()}unMute(){this.is("loaded")&&this.player.unMute()}destroy(){this.is("initialized")&&(this.leave("initialized"),h(this.classes.NAMESPACE,this.$video),this.options.theme&&h(this.getThemeClass(),this.$video),this.options.poster&&this.$poster.remove(),this.player.destroy()),this.is("loaded")&&this.leave("loaded"),this.trigger(m.DESTROY),super.destroy()}static registerSource(t,i){E[t]=i}static prepare(t){void 0!==E[t]&&"prepare"in E[t]&&E[t].prepare()}})||g)||g)||g)||g)||g;v.registerSource("youtube",class{constructor(t,i){this.element=i,this.options=Object.assign({autoplay:!0,controls:!1,muted:!1,disablekb:!1,fs:!1,iv_load_policy:!0,loop:!0,modestbranding:!1,playsinline:!0,rel:!1,showinfo:!1},t.options),this.instance=t}init(t){this.$player=document.createElement("div"),p(this.$player,this.element),window.PJYTAPIREADY?t():(c.emitter.on("video:youtube:ready",()=>{t()}),this.constructor.prepare())}load(){this.instance.trigger(m.LOAD);const t=this.options;this.api=new window.YT.Player(this.$player,{videoId:this.getId(),width:t.width,height:t.height,playerVars:{autoplay:t.autoplay?1:0,cc_load_policy:t.cc_load_policy?1:0,controls:t.controls?2:0,disablekb:t.keyboard?0:1,enablejsapi:0,fs:t.fullscreen?1:0,iv_load_policy:t.iv_load_policy?1:3,loop:t.loop?0:1,modestbranding:t.modestbranding?1:0,origin:window.location.origin,playsinline:t.playsinline?1:0,rel:t.rel?1:0,showinfo:t.showinfo?1:0,wmode:"opaque"},events:{onReady:()=>{this.instance.trigger(m.LOADED),this.instance.hidePoster(),t.muted&&this.api.mute()},onStateChange:t=>{1===t.data?this.instance.trigger(m.PLAY):2===t.data?this.instance.trigger(m.PAUSE):0===t.data?this.instance.trigger(m.ENDED):3===t.data&&this.instance.trigger(m.BUFFERING)},onError:t=>{this.instance.trigger(m.ERROR,t)}}})}getId(){return this.options.id?this.options.id:this.options.url?this.options.url.split("/")[3].split("?v=")[1]:void 0}static prepare(){window.onYouTubeIframeAPIReady=(()=>{window.PJYTAPIREADY=!0,c.emitter.emit("video:youtube:ready")});const t=document.createElement("script");t.src="https://www.youtube.com/iframe_api";const i=document.getElementsByTagName("script")[0];i.parentNode.insertBefore(t,i)}setSize(t,i){a({width:t,height:i},this.element),a({width:t,height:i},this.element)}swichVideo(t){this.api.loadVideoById({videoId:t})}currentTime(){return this.api.getCurrentTime()}duration(){return this.api.getDuration()}setCurrentTime(t){this.api.seekTo(t,!0)}volume(t){this.api.setVolume(t)}mute(){this.api.mute()}unMute(){this.api.unMute()}pause(){this.api.pauseVideo()}stop(){this.api.stopVideo(),this.instance.trigger(m.STOP)}play(){this.api.playVideo()}destroy(){this.api&&this.api.destroy(),this.$player.remove()}}),v.registerSource("vimeo",class{constructor(t,i){this.element=i,this.options=Object.assign({autopause:!0,autoplay:!1,background:!t.options.controls,byline:!1,color:"#00adef",loop:!0,muted:!1,playsinline:!0,portrait:!1,speed:!1,title:!1,transparent:!1},t.options),this.instance=t}init(t){this._duration=null,this._currentTime=null,this.$player=document.createElement("div"),a({width:this.options.width,height:this.options.height},this.$player),p(this.$player,this.element),window.PJVIMEOAPIREADY?t():(c.emitter.on("video:vimeo:ready",()=>{t()}),this.constructor.prepare())}load(){this.instance.trigger(m.LOAD);const t=this.options;this.api=new window.Vimeo.Player(this.$player,{id:this.getId(),autopause:t.autopause,autoplay:t.autoplay,background:t.background,byline:t.byline,color:t.color,loop:t.loop,muted:t.muted,playsinline:t.playsinline,portrait:t.portrait,speed:t.speed,title:t.title,transparent:t.transparent}),this.bind()}getId(){return this.options.id?this.options.id:this.options.url?this.options.url.split("/")[3].split("?")[0]:void 0}static prepare(){if(!window.PJVIMEOAPIREADY){const t=document.createElement("script");t.onload=(()=>{window.PJVIMEOAPIREADY=!0,c.emitter.emit("video:vimeo:ready")}),t.src="https://player.vimeo.com/api/player.js";const i=document.getElementsByTagName("script")[0];i.parentNode.insertBefore(t,i)}}bind(){this.api.on("play",()=>{this.instance.trigger(m.PLAY)}),this.api.on("pause",()=>{this.instance.trigger(m.PAUSE)}),this.api.on("ended",()=>{this.instance.trigger(m.ENDED)}),this.api.on("loaded",()=>{this.instance.trigger(m.LOADED),this.instance.hidePoster(),this.$iframe=l("iframe",this.$player),this.$iframe.setAttribute("width","100%"),this.$iframe.setAttribute("height","100%"),this.options.background&&!this.options.muted&&this.volume(50),this.api.getDuration().then(t=>{this._duration=t})}),this.api.on("timeupdate",t=>{this._currentTime=t.seconds}),this.api.on("error",t=>{this.instance.trigger(m.ERROR,t)}),this.api.on("bufferstart",()=>{this.instance.trigger(m.BUFFERING)})}setSize(t,i){a({width:t,height:i},this.element),a({width:t,height:i},this.$player)}swichVideo(t){this.api.loadVideo(t)}currentTime(){return this._currentTime}duration(){return this._duration}setCurrentTime(t){this.api.setCurrentTime(t)}stop(){this.api.setCurrentTime(0),this.api.pause(),this.instance.trigger(m.STOP)}mute(){this.api.getVolume().then(t=>{this._preVolume=t}),this.volume(0)}unMute(){this._preVolume&&this.api.setVolume(this._preVolume)}pause(){this.api.pause()}volume(t){return void 0===t?this.api.getVolume():this.api.setVolume(t/100)}play(){this.api.play()}destroy(){this.api&&this.api.destroy(),this.$player.remove()}}),v.registerSource("html5",class{constructor(t,i){this.element=i,this.options=Object.assign({autoplay:!1,controls:!0,loop:!0,muted:!1},t.options),this.instance=t}init(t){this.$player=document.createElement("video"),this.$player.autoplay=this.options.autoplay,this.$player.controls=this.options.controls,this.$player.loop=this.options.loop,this.$player.muted=this.options.muted,p(this.$player,this.element),t()}load(){this.instance.trigger(m.LOAD),this.setSources(this.options.url),this.bind()}bind(){this.listeners={canplay:()=>{this.instance.trigger(m.LOADED),this.instance.hidePoster()},play:()=>{this.instance.trigger(m.PLAY)},pause:()=>{this.instance.trigger(m.PAUSE)},ended:()=>{this.instance.trigger(m.ENDED)},waiting:()=>{this.instance.trigger(m.BUFFERING)},error:t=>{this.instance.trigger(m.ERROR,t)}},u(this.listeners,(t,i)=>{this.$player.addEventListener(t,i)})}unbind(){u(this.listeners,(t,i)=>{this.$player.removeEventListener(t,i)})}setSources(t){d(t)?t.forEach(t=>{this.addSource(t)}):this.addSource(t)}addSource(t){const i=t.split(".").pop(),e=document.createElement("source");e.src=t,e.type="video/".concat(i),p(e,this.$player)}setSize(t,i){a({width:t,height:i},this.element),a({width:t,height:i},this.$player)}swichVideo(t){this.pause(),this.$player.innerHTML="",this.setSources(t),this.$player.load()}currentTime(){return this.$player.currentTime}duration(){return this.$player.duration}setCurrentTime(t){this.$player.currentTime=t}pause(){this.$player.pause()}play(){this.$player.play()}mute(){this.$player.muted=!0}unMute(){this.$player.muted=!1}stop(){this.$player.currentTime=0,this.$player.pause(),this.instance.trigger(m.STOP)}volume(t){this.$player.volume=t/100}destroy(){this.unbind(),this.$player.remove()}});export default v;
+import t from"@pluginjs/component";import{styleable as i,eventable as e,stateable as s,optionable as o,register as r}from"@pluginjs/decorator";import{setStyle as a}from"@pluginjs/styled";import{addClass as n,removeClass as h}from"@pluginjs/classes";import{append as p,query as l}from"@pluginjs/dom";import{isArray as d}from"@pluginjs/is";import{each as u}from"@pluginjs/utils";import c from"@pluginjs/factory";var m,y={READY:"ready",DESTROY:"destroy",LOAD:"load",LOADED:"loaded",PLAY:"play",PAUSE:"pause",STOP:"stop",ENDED:"ended",ERROR:"error",BUFFERING:"buffering"},g={NAMESPACE:"pj-".concat("video"),THEME:"{namespace}--{theme}",POSTER:"{namespace}-poster",POSTERHIDE:"{namespace}-poster-hide"};window.PJVIMEOAPIREADY=!1;window.PJYTAPIREADY=!1;var E={},v=i(g)(m=e(y)(m=s()(m=o({width:"100%",height:"100%",url:"",id:"",type:"",autoplay:!1,loop:!0,controls:!0,muted:!1,poster:""},!0)(m=r("video",{methods:["enable","disable","destroy","pause","load","play","stop","volume","setSize","swichVideo","duration","currentTime","mute","unMute","setCurrentTime"]})(m=class extends t{constructor(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};super(t),this.setupOptions(i),this.setupClasses(),this.setupStates(),this.initialize()}initialize(){this.initVideo(),this.initPoster(),void 0!==E[this.options.type]&&(this.player=new E[this.options.type](this,this.$video)),this.player.init(()=>{this.load(),this.enter("initialized"),this.trigger(y.READY)})}initVideo(){this.$video=this.element,n(this.classes.NAMESPACE,this.$video),this.options.theme&&n(this.getThemeClass(),this.$video)}initPoster(){this.options.poster&&(this.$poster=document.createElement("div"),n(this.classes.POSTER,this.$poster),a("background-image","url(".concat(this.options.poster,")"),this.$poster),p(this.$poster,this.$video))}hidePoster(){this.options.poster&&n(this.classes.POSTERHIDE,this.$poster)}load(){this.is("loaded")||(this.player.load(),this.enter("loaded"))}switchVideo(t){this.is("loaded")&&this.player.swichVideo(t)}duration(){if(this.is("loaded"))return this.player.duration()}currentTime(){if(this.is("loaded"))return this.player.currentTime()}setCurrentTime(t){this.is("loaded")&&this.player.setCurrentTime(t)}setSize(t,i){this.is("loaded")&&(this.player.setSize(t,i),this.options.width=t,this.options.height=i)}play(){this.is("loaded")&&this.player.play()}stop(){this.is("loaded")&&this.player.stop()}volume(t){this.is("loaded")&&this.player.volume(t)}pause(){this.is("loaded")&&this.player.pause()}mute(){this.is("loaded")&&this.player.mute()}unMute(){this.is("loaded")&&this.player.unMute()}destroy(){this.is("initialized")&&(this.leave("initialized"),h(this.classes.NAMESPACE,this.$video),this.options.theme&&h(this.getThemeClass(),this.$video),this.options.poster&&this.$poster.remove(),this.player.destroy()),this.is("loaded")&&this.leave("loaded"),this.trigger(y.DESTROY),super.destroy()}static registerSource(t,i){E[t]=i}static prepare(t){void 0!==E[t]&&"prepare"in E[t]&&E[t].prepare()}})||m)||m)||m)||m)||m;v.registerSource("youtube",class{constructor(t,i){this.element=i,this.options=Object.assign({autoplay:!0,controls:!1,muted:!1,disablekb:!1,fs:!1,iv_load_policy:!0,loop:!0,modestbranding:!1,playsinline:!0,rel:!1,showinfo:!1},t.options),this.instance=t}init(t){this.$player=document.createElement("div"),p(this.$player,this.element),window.PJYTAPIREADY?t():(c.emitter.on("video:youtube:ready",()=>{t()}),this.constructor.prepare())}load(){this.instance.trigger(y.LOAD);var t=this.options;this.api=new window.YT.Player(this.$player,{videoId:this.getId(),width:t.width,height:t.height,playerVars:{autoplay:t.autoplay?1:0,cc_load_policy:t.cc_load_policy?1:0,controls:t.controls?2:0,disablekb:t.keyboard?0:1,enablejsapi:0,fs:t.fullscreen?1:0,iv_load_policy:t.iv_load_policy?1:3,loop:t.loop?0:1,modestbranding:t.modestbranding?1:0,origin:window.location.origin,playsinline:t.playsinline?1:0,rel:t.rel?1:0,showinfo:t.showinfo?1:0,wmode:"opaque"},events:{onReady:()=>{this.instance.trigger(y.LOADED),this.instance.hidePoster(),t.muted&&this.api.mute()},onStateChange:t=>{1===t.data?this.instance.trigger(y.PLAY):2===t.data?this.instance.trigger(y.PAUSE):0===t.data?this.instance.trigger(y.ENDED):3===t.data&&this.instance.trigger(y.BUFFERING)},onError:t=>{this.instance.trigger(y.ERROR,t)}}})}getId(){return this.options.id?this.options.id:this.options.url?this.options.url.split("/")[3].split("?v=")[1]:void 0}static prepare(){window.onYouTubeIframeAPIReady=()=>{window.PJYTAPIREADY=!0,c.emitter.emit("video:youtube:ready")};var t=document.createElement("script");t.src="https://www.youtube.com/iframe_api";var i=document.getElementsByTagName("script")[0];i.parentNode.insertBefore(t,i)}setSize(t,i){a({width:t,height:i},this.element),a({width:t,height:i},this.element)}swichVideo(t){this.api.loadVideoById({videoId:t})}currentTime(){return this.api.getCurrentTime()}duration(){return this.api.getDuration()}setCurrentTime(t){this.api.seekTo(t,!0)}volume(t){this.api.setVolume(t)}mute(){this.api.mute()}unMute(){this.api.unMute()}pause(){this.api.pauseVideo()}stop(){this.api.stopVideo(),this.instance.trigger(y.STOP)}play(){this.api.playVideo()}destroy(){this.api&&this.api.destroy(),this.$player.remove()}}),v.registerSource("vimeo",class{constructor(t,i){this.element=i,this.options=Object.assign({autopause:!0,autoplay:!1,background:!t.options.controls,byline:!1,color:"#00adef",loop:!0,muted:!1,playsinline:!0,portrait:!1,speed:!1,title:!1,transparent:!1},t.options),this.instance=t}init(t){this._duration=null,this._currentTime=null,this.$player=document.createElement("div"),a({width:this.options.width,height:this.options.height},this.$player),p(this.$player,this.element),window.PJVIMEOAPIREADY?t():(c.emitter.on("video:vimeo:ready",()=>{t()}),this.constructor.prepare())}load(){this.instance.trigger(y.LOAD);var t=this.options;this.api=new window.Vimeo.Player(this.$player,{id:this.getId(),autopause:t.autopause,autoplay:t.autoplay,background:t.background,byline:t.byline,color:t.color,loop:t.loop,muted:t.muted,playsinline:t.playsinline,portrait:t.portrait,speed:t.speed,title:t.title,transparent:t.transparent}),this.bind()}getId(){return this.options.id?this.options.id:this.options.url?this.options.url.split("/")[3].split("?")[0]:void 0}static prepare(){if(!window.PJVIMEOAPIREADY){var t=document.createElement("script");t.onload=()=>{window.PJVIMEOAPIREADY=!0,c.emitter.emit("video:vimeo:ready")},t.src="https://player.vimeo.com/api/player.js";var i=document.getElementsByTagName("script")[0];i.parentNode.insertBefore(t,i)}}bind(){this.api.on("play",()=>{this.instance.trigger(y.PLAY)}),this.api.on("pause",()=>{this.instance.trigger(y.PAUSE)}),this.api.on("ended",()=>{this.instance.trigger(y.ENDED)}),this.api.on("loaded",()=>{this.instance.trigger(y.LOADED),this.instance.hidePoster(),this.$iframe=l("iframe",this.$player),this.$iframe.setAttribute("width","100%"),this.$iframe.setAttribute("height","100%"),this.options.background&&!this.options.muted&&this.volume(50),this.api.getDuration().then(t=>{this._duration=t})}),this.api.on("timeupdate",t=>{this._currentTime=t.seconds}),this.api.on("error",t=>{this.instance.trigger(y.ERROR,t)}),this.api.on("bufferstart",()=>{this.instance.trigger(y.BUFFERING)})}setSize(t,i){a({width:t,height:i},this.element),a({width:t,height:i},this.$player)}swichVideo(t){this.api.loadVideo(t)}currentTime(){return this._currentTime}duration(){return this._duration}setCurrentTime(t){this.api.setCurrentTime(t)}stop(){this.api.setCurrentTime(0),this.api.pause(),this.instance.trigger(y.STOP)}mute(){this.api.getVolume().then(t=>{this._preVolume=t}),this.volume(0)}unMute(){this._preVolume&&this.api.setVolume(this._preVolume)}pause(){this.api.pause()}volume(t){return void 0===t?this.api.getVolume():this.api.setVolume(t/100)}play(){this.api.play()}destroy(){this.api&&this.api.destroy(),this.$player.remove()}}),v.registerSource("html5",class{constructor(t,i){this.element=i,this.options=Object.assign({autoplay:!1,controls:!0,loop:!0,muted:!1},t.options),this.instance=t}init(t){this.$player=document.createElement("video"),this.$player.autoplay=this.options.autoplay,this.$player.controls=this.options.controls,this.$player.loop=this.options.loop,this.$player.muted=this.options.muted,p(this.$player,this.element),t()}load(){this.instance.trigger(y.LOAD),this.setSources(this.options.url),this.bind()}bind(){this.listeners={canplay:()=>{this.instance.trigger(y.LOADED),this.instance.hidePoster()},play:()=>{this.instance.trigger(y.PLAY)},pause:()=>{this.instance.trigger(y.PAUSE)},ended:()=>{this.instance.trigger(y.ENDED)},waiting:()=>{this.instance.trigger(y.BUFFERING)},error:t=>{this.instance.trigger(y.ERROR,t)}},u(this.listeners,(t,i)=>{this.$player.addEventListener(t,i)})}unbind(){u(this.listeners,(t,i)=>{this.$player.removeEventListener(t,i)})}setSources(t){d(t)?t.forEach(t=>{this.addSource(t)}):this.addSource(t)}addSource(t){var i=t.split(".").pop(),e=document.createElement("source");e.src=t,e.type="video/".concat(i),p(e,this.$player)}setSize(t,i){a({width:t,height:i},this.element),a({width:t,height:i},this.$player)}swichVideo(t){this.pause(),this.$player.innerHTML="",this.setSources(t),this.$player.load()}currentTime(){return this.$player.currentTime}duration(){return this.$player.duration}setCurrentTime(t){this.$player.currentTime=t}pause(){this.$player.pause()}play(){this.$player.play()}mute(){this.$player.muted=!0}unMute(){this.$player.muted=!1}stop(){this.$player.currentTime=0,this.$player.pause(),this.instance.trigger(y.STOP)}volume(t){this.$player.volume=t/100}destroy(){this.unbind(),this.$player.remove()}});export default v;

dist/video.js

 /*!
- * @pluginjs/video v0.7.18 (https://pluginjs.com)
+ * @pluginjs/video v0.7.19 (https://pluginjs.com)
  * Copyright 2019 Creation Studio Limited
@@ -4,0 +4,0 @@ * Released under the GPL-3.0 License.

dist/video.min.js

 /*!
- * @pluginjs/video v0.7.18 (https://pluginjs.com)
+ * @pluginjs/video v0.7.19 (https://pluginjs.com)
  * Copyright 2019 Creation Studio Limited
@@ -4,0 +4,0 @@ * Released under the GPL-3.0 License.

package.json

@@ -14,3 +14,3 @@ {
   },
-  "version": "0.7.18",
+  "version": "0.7.19",
   "category": "media",
@@ -41,15 +41,15 @@ "main": "dist/video.common.js",
   "dependencies": {
-    "@pluginjs/classes": "^0.7.13",
-    "@pluginjs/component": "^0.7.11",
-    "@pluginjs/decorator": "^0.7.15",
-    "@pluginjs/dom": "^0.7.14",
-    "@pluginjs/factory": "^0.7.13",
-    "@pluginjs/is": "^0.7.12",
-    "@pluginjs/styled": "^0.7.14",
-    "@pluginjs/utils": "^0.7.13"
+    "@pluginjs/classes": "^0.7.14",
+    "@pluginjs/component": "^0.7.12",
+    "@pluginjs/decorator": "^0.7.16",
+    "@pluginjs/dom": "^0.7.15",
+    "@pluginjs/factory": "^0.7.14",
+    "@pluginjs/is": "^0.7.13",
+    "@pluginjs/styled": "^0.7.15",
+    "@pluginjs/utils": "^0.7.14"
   },
   "devDependencies": {
-    "@babel/core": "^7.4.4",
-    "@pluginjs/browserslist-config": "^1.2.8",
-    "@pluginjs/cli": "^0.7.11",
+    "@babel/core": "^7.5.5",
+    "@pluginjs/browserslist-config": "^1.2.9",
+    "@pluginjs/cli": "^0.7.12",
     "babel-jest": "*",
@@ -80,3 +80,3 @@ "jest": "*",
   ],
-  "gitHead": "dd7e1408426c72aa61b9bcd2968c389a8be92fec"
+  "gitHead": "e0247ab4b5e2026b77a390619f2b96bac30609c6"
 }

No alert changes

Worsened metrics

Total package byte prevSize

116453

decreased by-0.1%

Dependency changes

• Updated@pluginjs/classes@^0.7.14

• Updated@pluginjs/component@^0.7.12

• Updated@pluginjs/decorator@^0.7.16

• Updated@pluginjs/dom@^0.7.15

• Updated@pluginjs/factory@^0.7.14

• Updated@pluginjs/is@^0.7.13

• Updated@pluginjs/styled@^0.7.15

• Updated@pluginjs/utils@^0.7.14