New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
vlitejs - npm Package Compare versions
Comparing version 4.0.7 to 4.1.0
| /*! | ||
| * @license MIT | ||
| * @name vlitejs | ||
| * @version 4.0.7 | ||
| * @version 4.1.0 | ||
| * @copyright 2022 Joris DANIEL | ||
| */ | ||
| !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VlitejsPip=t():e.VlitejsPip=t()}(globalThis,(()=>(()=>{var e={391:function(e,t,i){var n,r,o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};n=[i,t,i(377)],r=function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),i=o(i);t.default=class{constructor({player:e}){this.providers=["html5"],this.types=["video"],this.player=e,this.onClickOnPipButton=this.onClickOnPipButton.bind(this),this.onEnterPip=this.onEnterPip.bind(this),this.onLeavePip=this.onLeavePip.bind(this)}init(){this.isPipApiAvailable()&&this.player.options.controls&&(this.render(),this.pipButton=this.player.elements.container.querySelector(".v-pipButton"),this.addEvents())}isPipApiAvailable(){return"pictureInPictureEnabled"in document&&!this.player.media.hasAttribute("disablePictureInPicture")}render(){const e=`<button class="v-pipButton v-controlButton">${i.default}</button>`,t=this.player.elements.container.querySelector(".v-controlBar"),n=this.player.elements.container.querySelector(".v-fullscreenButton");t&&(n?n.insertAdjacentHTML("beforebegin",e):t.insertAdjacentHTML("beforeend",e))}addEvents(){this.pipButton.addEventListener("click",this.onClickOnPipButton),this.player.media.addEventListener("enterpictureinpicture",this.onEnterPip),this.player.media.addEventListener("leavepictureinpicture",this.onLeavePip)}async onClickOnPipButton(e){e.preventDefault();try{this.player.media!==document.pictureInPictureElement?await this.player.media.requestPictureInPicture():await document.exitPictureInPicture()}catch(e){console.warn(`vlitejs :: ${e}`)}}onEnterPip(e){this.player.dispatchEvent("enterpip")}onLeavePip(e){this.player.dispatchEvent("leavepip")}}}.apply(t,n),void 0===r||(e.exports=r)},377:e=>{"use strict";e.exports='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 11h-8v6h8v-6zm-2 4h-4v-2h4v2zm4-12H3c-1.1 0-2 .88-2 1.98V19c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V4.98C23 3.88 22.1 3 21 3zm0 16.02H3V4.97h18v14.05z"/></svg>\n'}},t={};function i(n){var r=t[n];if(void 0!==r)return r.exports;var o=t[n]={exports:{}};return e[n].call(o.exports,o,o.exports,i),o.exports}i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},i.d=(e,t)=>{for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var n={};return(()=>{"use strict";i.d(n,{default:()=>t});var e=i(391);const t=i.n(e)()})(),n=n.default})())); | ||
| !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VlitejsPip=t():e.VlitejsPip=t()}(globalThis,(()=>(()=>{var e={391:function(e,t,i){var n,r,o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};n=[i,t,i(377)],r=function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),i=o(i);t.default=class{constructor({player:e}){this.providers=["html5"],this.types=["video"],this.player=e,this.onClickOnPipButton=this.onClickOnPipButton.bind(this),this.onEnterPip=this.onEnterPip.bind(this),this.onLeavePip=this.onLeavePip.bind(this)}init(){this.isPipApiAvailable()&&this.player.options.controls&&(this.render(),this.pipButton=this.player.elements.container.querySelector(".v-pipButton"),this.addEvents())}isPipApiAvailable(){return"pictureInPictureEnabled"in document&&!this.player.media.hasAttribute("disablePictureInPicture")}render(){const e=`<button class="v-pipButton v-controlButton">${i.default}</button>`,t=this.player.elements.container.querySelector(".v-controlBar"),n=this.player.elements.container.querySelector(".v-fullscreenButton");t&&(n?n.insertAdjacentHTML("beforebegin",e):t.insertAdjacentHTML("beforeend",e))}addEvents(){this.pipButton.addEventListener("click",this.onClickOnPipButton),this.player.media.addEventListener("enterpictureinpicture",this.onEnterPip),this.player.media.addEventListener("leavepictureinpicture",this.onLeavePip)}async onClickOnPipButton(e){e.preventDefault();try{this.player.media!==document.pictureInPictureElement?await this.player.media.requestPictureInPicture():await document.exitPictureInPicture()}catch(e){console.warn(`vlitejs :: ${e}`)}}onEnterPip(){this.player.dispatchEvent("enterpip")}onLeavePip(){this.player.dispatchEvent("leavepip")}}}.apply(t,n),void 0===r||(e.exports=r)},377:e=>{"use strict";e.exports='<svg viewBox="0 0 22 18" xmlns="http://www.w3.org/2000/svg"><path d="M18 8h-8v6h8V8Zm-2 4h-4v-2h4v2Zm4-12H2C.9 0 0 .88 0 1.98V16c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V1.98C22 .88 21.1 0 20 0Zm0 16.02H2V1.97h18v14.05Z"/></svg>'}},t={};function i(n){var r=t[n];if(void 0!==r)return r.exports;var o=t[n]={exports:{}};return e[n].call(o.exports,o,o.exports,i),o.exports}i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},i.d=(e,t)=>{for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var n={};return(()=>{"use strict";i.d(n,{default:()=>t});var e=i(391);const t=i.n(e)()})(),n=n.default})())); |
| /*! | ||
| * @license MIT | ||
| * @name vlitejs | ||
| * @version 4.0.7 | ||
| * @version 4.1.0 | ||
| * @copyright 2022 Joris DANIEL | ||
@@ -17,2 +17,2 @@ */ | ||
| **/ | ||
| t.exports=function({target:t,selectorString:e,nodeName:s}){if("string"==typeof s&&(s=[s]),Array.isArray(s)&&s.length)return s.map((s=>t.nodeName.toLowerCase()===s&&t.matches(e))).includes(!0)}},227:t=>{"use strict";t.exports='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"/></svg>\n'},638:t=>{"use strict";t.exports='<svg class="v-iconPressed" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M20 4H6.83l8 8H20v2h-3.17l4.93 4.93c.15-.28.24-.59.24-.93V6c0-1.1-.9-2-2-2zM1.04 3.87l1.2 1.2C2.09 5.35 2 5.66 2 6v12c0 1.1.9 2 2 2h13.17l2.96 2.96 1.41-1.41L2.45 2.45 1.04 3.87zM8 12v2H4v-2h4zm6 4.83V18H4v-2h9.17l.83.83z"/></svg>\n'},474:t=>{"use strict";t.exports='<svg class="v-iconUnpressed" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM4 12h4v2H4v-2zm10 6H4v-2h10v2zm6 0h-4v-2h4v2zm0-4H10v-2h10v2z"/></svg>\n'}},e={};function s(i){var n=e[i];if(void 0!==n)return n.exports;var a=e[i]={exports:{}};return t[i].call(a.exports,a,a.exports,s),a.exports}s.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return s.d(e,{a:e}),e},s.d=(t,e)=>{for(var i in e)s.o(e,i)&&!s.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},s.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var i={};return(()=>{"use strict";s.d(i,{default:()=>e});var t=s(583);const e=s.n(t)()})(),i=i.default})())); | ||
| t.exports=function({target:t,selectorString:e,nodeName:s}){if("string"==typeof s&&(s=[s]),Array.isArray(s)&&s.length)return s.map((s=>t.nodeName.toLowerCase()===s&&t.matches(e))).includes(!0)}},227:t=>{"use strict";t.exports='<svg viewBox="0 0 18 14" xmlns="http://www.w3.org/2000/svg"><path d="M5.6 10.6 1.4 6.4 0 7.8l5.6 5.6 12-12L16.2 0z"/></svg>'},638:t=>{"use strict";t.exports='<svg class="v-iconPressed" viewBox="0 0 21 21" xmlns="http://www.w3.org/2000/svg"><path d="M18.96 1.55H5.79l8 8h5.17v2h-3.17l4.93 4.93c.15-.28.24-.59.24-.93v-12c0-1.1-.9-2-2-2ZM0 1.42l1.2 1.2c-.15.28-.24.59-.24.93v12c0 1.1.9 2 2 2h13.17l2.96 2.96 1.41-1.41L1.41 0 0 1.42Zm6.96 8.13v2h-4v-2h4Zm6 4.83v1.17h-10v-2h9.17l.83.83Z"/></svg>'},474:t=>{"use strict";t.exports='<svg class="v-iconUnpressed" viewBox="0 0 20 16" xmlns="http://www.w3.org/2000/svg"><path d="M18 0H2C.9 0 0 .9 0 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2ZM2 8h4v2H2V8Zm10 6H2v-2h10v2Zm6 0h-4v-2h4v2Zm0-4H8V8h10v2Z"/></svg>'}},e={};function s(i){var n=e[i];if(void 0!==n)return n.exports;var a=e[i]={exports:{}};return t[i].call(a.exports,a,a.exports,s),a.exports}s.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return s.d(e,{a:e}),e},s.d=(t,e)=>{for(var i in e)s.o(e,i)&&!s.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},s.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var i={};return(()=>{"use strict";s.d(i,{default:()=>e});var t=s(583);const e=s.n(t)()})(),i=i.default})())); |
| /*! | ||
| * @license MIT | ||
| * @name vlitejs | ||
| * @version 4.0.7 | ||
| * @version 4.1.0 | ||
| * @copyright 2022 Joris DANIEL | ||
| */ | ||
| !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VlitejsVimeo=t():e.VlitejsVimeo=t()}(globalThis,(()=>{return e={868:(e,t,i)=>{var n;n=function(e,t){"use strict";t.default=function(e){if(window.VlitejsVimeoQueue=window.VlitejsVimeoQueue||[],void 0===window.Vimeo){const e=document.createElement("script");e.async=!0,e.type="text/javascript",e.src="https://player.vimeo.com/api/player.js",e.onload=()=>{window.VlitejsVimeoQueue.forEach((e=>{e.initVimeoPlayer().then((()=>{e.addSpecificEvents(),e.onReady()}))})),window.VlitejsVimeoQueue=[]},document.getElementsByTagName("body")[0].appendChild(e)}return class extends e{constructor(e){super(e);const t={id:this.media.getAttribute("data-vimeo-id"),playsinline:this.options.playsinline?1:0,loop:this.options.loop?1:0,controls:!1};this.params=Object.assign(Object.assign({},t),this.options.providerParams),this.events=[{type:"timeupdate",listener:super.onTimeUpdate},{type:"ended",listener:super.onMediaEnded},{type:"playing",listener:this.onPlaying},{type:"waiting",listener:this.onWaiting},{type:"seeking",listener:this.onSeeking},{type:"seeked",listener:this.onSeeked}]}init(){this.waitUntilVideoIsReady().then((()=>{this.addSpecificEvents(),super.onReady()}))}waitUntilVideoIsReady(){return new window.Promise(((e,t)=>{void 0!==window.Vimeo?this.initVimeoPlayer().then(e):window.VlitejsVimeoQueue.push(this)}))}initVimeoPlayer(){return new window.Promise(((e,t)=>{this.instance=new window.Vimeo.Player(this.media.getAttribute("id"),this.params),this.media=this.instance.element,this.instance.ready().then((()=>{this.media.firstElementChild.setAttribute("tabindex","-1"),e()}))}))}addSpecificEvents(){this.events.forEach((e=>{this.instance.on(e.type,e.listener.bind(this))}))}getInstance(){return this.instance}getCurrentTime(){return new window.Promise((e=>{this.instance.getCurrentTime().then((t=>e(t)))}))}getDuration(){return new window.Promise((e=>{this.instance.getDuration().then((t=>e(t)))}))}methodPlay(){this.instance.play()}methodPause(){this.instance.pause()}methodSetVolume(e){this.instance.setVolume(e)}methodGetVolume(){return new window.Promise((e=>{this.instance.getVolume().then((t=>{e(t)}))}))}methodMute(){this.instance.setVolume(0)}methodUnMute(){this.instance.setVolume(1)}methodSeekTo(e){this.instance.setCurrentTime(e)}onWaiting(){this.loading(!0)}onPlaying(){this.loading(!1)}onSeeking(){this.loading(!0)}onSeeked(){this.loading(!1)}removeSpecificEvents(){this.events.forEach((e=>{this.instance.off(e.type,e.listener)}))}destroy(){this.removeSpecificEvents(),this.instance.destroy(),super.destroy()}}}}.apply(t,[i,t]),void 0===n||(e.exports=n)}},t={},i=function i(n){var s=t[n];if(void 0!==s)return s.exports;var o=t[n]={exports:{}};return e[n](o,o.exports,i),o.exports}(868),i=i.default;var e,t,i})); | ||
| !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VlitejsVimeo=t():e.VlitejsVimeo=t()}(globalThis,(()=>{return e={868:(e,t,i)=>{var n;n=function(e,t){"use strict";t.default=function(e){if(window.VlitejsVimeoQueue=window.VlitejsVimeoQueue||[],void 0===window.Vimeo){const e=document.createElement("script");e.async=!0,e.type="text/javascript",e.src="https://player.vimeo.com/api/player.js",e.onload=()=>{window.VlitejsVimeoQueue.forEach((e=>{e.initVimeoPlayer().then((()=>{e.addSpecificEvents(),e.onReady()}))})),window.VlitejsVimeoQueue=[]},document.getElementsByTagName("body")[0].appendChild(e)}return class extends e{constructor(e){super(e);const t={id:this.media.getAttribute("data-vimeo-id"),playsinline:this.options.playsinline?1:0,loop:this.options.loop?1:0,controls:!1};this.params=Object.assign(Object.assign({},t),this.options.providerParams),this.events=[{type:"timeupdate",listener:super.onTimeUpdate},{type:"ended",listener:super.onMediaEnded},{type:"playing",listener:this.onPlaying},{type:"waiting",listener:this.onWaiting},{type:"seeking",listener:this.onSeeking},{type:"seeked",listener:this.onSeeked}]}init(){this.waitUntilVideoIsReady().then((()=>{this.addSpecificEvents(),super.onReady()}))}waitUntilVideoIsReady(){return new window.Promise((e=>{void 0!==window.Vimeo?this.initVimeoPlayer().then(e):window.VlitejsVimeoQueue.push(this)}))}initVimeoPlayer(){return new window.Promise((e=>{this.instance=new window.Vimeo.Player(this.media.getAttribute("id"),this.params),this.media=this.instance.element,this.instance.ready().then((()=>{this.media.firstElementChild.setAttribute("tabindex","-1"),e()}))}))}addSpecificEvents(){this.events.forEach((e=>{this.instance.on(e.type,e.listener.bind(this))}))}getInstance(){return this.instance}getCurrentTime(){return new window.Promise((e=>{this.instance.getCurrentTime().then((t=>e(t)))}))}getDuration(){return new window.Promise((e=>{this.instance.getDuration().then((t=>e(t)))}))}methodPlay(){this.instance.play()}methodPause(){this.instance.pause()}methodSetVolume(e){this.instance.setVolume(e)}methodGetVolume(){return new window.Promise((e=>{this.instance.getVolume().then((t=>{e(t)}))}))}methodMute(){this.instance.setVolume(0)}methodUnMute(){this.instance.setVolume(1)}methodSeekTo(e){this.instance.setCurrentTime(e)}onWaiting(){this.loading(!0)}onPlaying(){this.loading(!1)}onSeeking(){this.loading(!0)}onSeeked(){this.loading(!1)}removeSpecificEvents(){this.events.forEach((e=>{this.instance.off(e.type,e.listener)}))}destroy(){this.removeSpecificEvents(),this.instance.destroy(),super.destroy()}}}}.apply(t,[i,t]),void 0===n||(e.exports=n)}},t={},i=function i(n){var s=t[n];if(void 0!==s)return s.exports;var o=t[n]={exports:{}};return e[n](o,o.exports,i),o.exports}(868),i=i.default;var e,t,i})); |
| /*! | ||
| * @license MIT | ||
| * @name vlitejs | ||
| * @version 4.0.7 | ||
| * @version 4.1.0 | ||
| * @copyright 2022 Joris DANIEL | ||
| */ | ||
| !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VlitejsYoutube=t():e.VlitejsYoutube=t()}(globalThis,(()=>{return e={277:(e,t,i)=>{var n;n=function(e,t){"use strict";t.default=function(e){if(window.VlitejsYoutubeQueue=window.VlitejsYoutubeQueue||[],void 0===window.YT){const e=document.createElement("script");e.async=!0,e.type="text/javascript",e.src="https://youtube.com/iframe_api",window.onYouTubeIframeAPIReady=()=>{window.VlitejsYoutubeQueue.forEach((e=>{e.initYoutubePlayer().then((()=>{e.onReady()}))})),window.VlitejsYoutubeQueue=[]},document.getElementsByTagName("body")[0].appendChild(e)}return class extends e{constructor(e){super(e);const t={autohide:1,controls:0,fs:this.options.fullscreen?1:0,modestbranding:0,playsinline:this.options.playsinline?1:0,rel:0,showinfo:0,wmode:"transparent"};this.params=Object.assign(Object.assign({},t),this.options.providerParams)}init(){this.waitUntilVideoIsReady().then((()=>{super.onReady()}))}waitUntilVideoIsReady(){return new window.Promise(((e,t)=>{void 0!==window.YT?this.initYoutubePlayer().then(e):window.VlitejsYoutubeQueue.push(this)}))}initYoutubePlayer(){return new window.Promise(((e,t)=>{this.instance=new window.YT.Player(this.media.getAttribute("id"),{videoId:this.media.getAttribute("data-youtube-id"),height:"100%",width:"100%",playerVars:this.params,events:{onReady:t=>{this.media=t.target.getIframe(),e()},onStateChange:e=>this.onPlayerStateChange(e)}})}))}onPlayerStateChange(e){switch(this.rafPlaying&&window.cancelAnimationFrame(this.rafPlaying),e.data){case window.YT.PlayerState.ENDED:super.onMediaEnded();break;case window.YT.PlayerState.PLAYING:super.loading(!1),this.options.controls&&window.requestAnimationFrame(this.onRafPlaying.bind(this));break;case window.YT.PlayerState.BUFFERING:super.loading(!0)}}onRafPlaying(){super.onTimeUpdate(),this.isPaused||(this.rafTimeout=setTimeout((()=>{this.rafPlaying=window.requestAnimationFrame(this.onRafPlaying.bind(this))}),100))}getInstance(){return this.instance}getCurrentTime(){return new window.Promise((e=>e(this.instance.getCurrentTime())))}getDuration(){return new window.Promise((e=>e(this.instance.getDuration())))}methodPlay(){this.instance.playVideo()}methodPause(){this.instance.pauseVideo()}methodSetVolume(e){this.instance.setVolume(100*e)}methodGetVolume(){return new window.Promise((e=>e(this.instance.getVolume()/100)))}methodMute(){this.instance.mute()}methodUnMute(){this.instance.unMute()}methodSeekTo(e){this.instance.seekTo(e),super.onTimeUpdate()}destroy(){clearTimeout(this.rafTimeout),this.instance.destroy(),super.destroy()}}}}.apply(t,[i,t]),void 0===n||(e.exports=n)}},t={},i=function i(n){var o=t[n];if(void 0!==o)return o.exports;var s=t[n]={exports:{}};return e[n](s,s.exports,i),s.exports}(277),i=i.default;var e,t,i})); | ||
| !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VlitejsYoutube=t():e.VlitejsYoutube=t()}(globalThis,(()=>{return e={277:(e,t,i)=>{var n;n=function(e,t){"use strict";t.default=function(e){if(window.VlitejsYoutubeQueue=window.VlitejsYoutubeQueue||[],void 0===window.YT){const e=document.createElement("script");e.async=!0,e.type="text/javascript",e.src="https://youtube.com/iframe_api",window.onYouTubeIframeAPIReady=()=>{window.VlitejsYoutubeQueue.forEach((e=>{e.initYoutubePlayer().then((()=>{e.onReady()}))})),window.VlitejsYoutubeQueue=[]},document.getElementsByTagName("body")[0].appendChild(e)}return class extends e{constructor(e){super(e);const t={autohide:1,controls:0,fs:this.options.fullscreen?1:0,modestbranding:0,playsinline:this.options.playsinline?1:0,rel:0,showinfo:0,wmode:"transparent"};this.params=Object.assign(Object.assign({},t),this.options.providerParams)}init(){this.waitUntilVideoIsReady().then((()=>{super.onReady()}))}waitUntilVideoIsReady(){return new window.Promise((e=>{void 0!==window.YT?this.initYoutubePlayer().then(e):window.VlitejsYoutubeQueue.push(this)}))}initYoutubePlayer(){return new window.Promise((e=>{this.instance=new window.YT.Player(this.media.getAttribute("id"),{videoId:this.media.getAttribute("data-youtube-id"),height:"100%",width:"100%",playerVars:this.params,events:{onReady:t=>{this.media=t.target.getIframe(),e()},onStateChange:e=>this.onPlayerStateChange(e)}})}))}onPlayerStateChange(e){switch(this.rafPlaying&&window.cancelAnimationFrame(this.rafPlaying),e.data){case window.YT.PlayerState.ENDED:super.onMediaEnded();break;case window.YT.PlayerState.PLAYING:super.loading(!1),this.options.controls&&window.requestAnimationFrame(this.onRafPlaying.bind(this));break;case window.YT.PlayerState.BUFFERING:super.loading(!0)}}onRafPlaying(){super.onTimeUpdate(),this.isPaused||(this.rafTimeout=setTimeout((()=>{this.rafPlaying=window.requestAnimationFrame(this.onRafPlaying.bind(this))}),100))}getInstance(){return this.instance}getCurrentTime(){return new window.Promise((e=>e(this.instance.getCurrentTime())))}getDuration(){return new window.Promise((e=>e(this.instance.getDuration())))}methodPlay(){this.instance.playVideo()}methodPause(){this.instance.pauseVideo()}methodSetVolume(e){this.instance.setVolume(100*e)}methodGetVolume(){return new window.Promise((e=>e(this.instance.getVolume()/100)))}methodMute(){this.instance.mute()}methodUnMute(){this.instance.unMute()}methodSeekTo(e){null!==this.isPaused||this.options.muted||(this.mute(),this.play()),this.instance.seekTo(e),super.onTimeUpdate()}destroy(){clearTimeout(this.rafTimeout),this.instance.destroy(),super.destroy()}}}}.apply(t,[i,t]),void 0===n||(e.exports=n)}},t={},i=function i(n){var o=t[n];if(void 0!==o)return o.exports;var s=t[n]={exports:{}};return e[n](s,s.exports,i),s.exports}(277),i=i.default;var e,t,i})); |
| /*! | ||
| * @license MIT | ||
| * @name vlitejs | ||
| * @version 4.0.7 | ||
| * @version 4.1.0 | ||
| * @copyright 2022 Joris DANIEL | ||
| */ | ||
| !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.Vlitejs=t():e.Vlitejs=t()}(globalThis,(()=>(()=>{var e={555:(e,t,s)=>{var i;i=function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.initializePlugins=t.registerPlugin=t.getPluginInstance=void 0;const s={};function i(e){const t=[],i=Object.keys(s);return e.forEach((e=>{if(!i.includes(e))throw new Error(`vlitejs :: Unknown plugin "${e}".`);t.push({id:e,Plugin:s[e]})})),t}t.getPluginInstance=i,t.registerPlugin=function(e,t){if(void 0!==t){if(!Object.keys(s).includes(e))return void(s[e]=t);throw new Error(`vlitejs :: The plugin id "${e}" is already registered.`)}throw new Error(`vlitejs :: The plugin id "${e}" is undefined.`)},t.initializePlugins=function({plugins:e,provider:t,type:s,player:n}){i(e).forEach((({id:e,Plugin:i})=>{const r=new i({player:n});if(n.plugins[e]=r,!r.providers.includes(t)||!r.types.includes(s))throw new Error(`vlitejs :: The "${e}" plugin is only compatible with providers:"${r.providers}" and types:"${r.types}"`);r.init()}))}}.apply(t,[s,t]),void 0===i||(e.exports=i)},571:(e,t,s)=>{var i;i=function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return class extends e{constructor(e){super(e),this.events=[{type:"timeupdate",listener:super.onTimeUpdate},{type:"ended",listener:super.onMediaEnded},{type:"playing",listener:this.onPlaying},{type:"waiting",listener:this.onWaiting},{type:"seeking",listener:this.onSeeking},{type:"seeked",listener:this.onSeeked}]}init(){this.waitUntilVideoIsReady().then((()=>{this.addSpecificEvents(),super.onReady()}))}waitUntilVideoIsReady(){return new window.Promise((e=>{this.media.readyState>=2&&this.media.duration?e():(this.media.addEventListener("loadedmetadata",e,{once:!0}),this.media.addEventListener("canplay",e,{once:!0}))}))}addSpecificEvents(){this.events.forEach((e=>{this.media.addEventListener(e.type,e.listener.bind(this))}))}getInstance(){return this.media}getCurrentTime(){return new window.Promise((e=>e(this.media.currentTime)))}getDuration(){return new window.Promise((e=>e(this.media.duration)))}methodPlay(){this.media.play()}methodPause(){this.media.pause()}methodSetVolume(e){this.media.volume=e}methodGetVolume(){return new window.Promise((e=>e(this.media.volume)))}methodMute(){this.media.muted=!0,this.media.setAttribute("muted","")}methodUnMute(){this.media.muted=!1,this.media.removeAttribute("muted")}methodSeekTo(e){this.media.currentTime=e}onWaiting(){this.loading(!0)}onPlaying(){this.loading(!1)}onSeeking(){this.loading(!0)}onSeeked(){this.loading(!1)}removeSpecificEvents(){this.events.forEach((e=>{this.media.removeEventListener(e.type,e.listener)}))}destroy(){this.removeSpecificEvents(),super.destroy()}}}}.apply(t,[s,t]),void 0===i||(e.exports=i)},390:function(e,t,s){var i,n,r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};i=[s,t,s(571)],n=function(e,t,s){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.registerProvider=t.getProviderInstance=void 0;const i={html5:(s=r(s)).default};t.getProviderInstance=function(e,t){const s=i[e];if(s)return s(t);throw new Error(`vlitejs :: Unknown provider "${e}"`)},t.registerProvider=function(e,t){if(void 0!==t){if(!Object.keys(i).includes(e))return void(i[e]=t);throw new Error(`vlitejs :: The provider id "${e}" is already registered.`)}throw new Error(`vlitejs :: The provider id "${e}" is undefined.`)}}.apply(t,i),void 0===n||(e.exports=n)},158:(e,t,s)=>{var i;i=function(e,t){"use strict";function s(){if(document.exitFullscreen instanceof Function)return"";return["webkit","moz","ms"].find((e=>document[e+"ExitFullscreen"]instanceof Function||document[`${e}CancelFullScreen`]instanceof Function))||""}Object.defineProperty(t,"__esModule",{value:!0}),t.isTouch=t.getCSSTransitionDuration=t.getBrowserPrefix=t.checkSupportFullScreen=t.formatVideoTime=void 0,t.formatVideoTime=function(e){const t=1e3*e,s=t/1e3/60<<0,i=t/1e3%60<<0;let n="";return n+=s<10?"0":"",n+=s+":",n+=i<10?"0":"",n+=i,n},t.checkSupportFullScreen=function(){const e=s();return{requestFn:e?`${e}RequestFullScreen`:"requestFullscreen",cancelFn:e?`${e}ExitFullscreen`:"exitFullscreen",changeEvent:e?`${e}fullscreenchange`:"fullscreenchange",isFullScreen:e?`${e}FullscreenElement`:"fullscreenElement"}},t.getBrowserPrefix=s,t.getCSSTransitionDuration=function({target:e,isMilliseconds:t=!1}){return parseFloat(window.getComputedStyle(e).transitionDuration)*(t?1e3:1)},t.isTouch=function(){return!!("ontouchstart"in document.documentElement)}}.apply(t,[s,t]),void 0===i||(e.exports=i)},711:function(e,t,s){var i,n,r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};i=[s,t,s(158),s(61)],n=function(e,t,s,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),i=r(i);t.default=class{constructor({Vlitejs:e,type:t}){this.Vlitejs=e,this.type=t,this.plugins={},this.media=e.media,this.options=e.options,this.elements={container:e.container,bigPlay:e.container.querySelector(".v-bigPlay"),poster:e.container.querySelector(".v-poster"),controlBar:null,playPause:null,progressBar:null,currentTime:null,duration:null,volume:null,fullscreen:null},this.isFullScreen=!1,this.isMuted=this.options.muted,this.isPaused=null,this.playerEvents=[],this.isTouch=(0,s.isTouch)(),this.controlBar=new i.default({player:this,type:t})}build(){this.options.controls&&this.controlBar.init(),this.init()}init(){throw new Error('You have to implement the function "init".')}waitUntilVideoIsReady(){throw new Error('You have to implement the function "waitUntilVideoIsReady".')}getInstance(){throw new Error('You have to implement the function "getInstance".')}getCurrentTime(){throw new Error('You have to implement the function "getCurrentTime".')}methodSeekTo(e){throw new Error('You have to implement the function "methodSeekTo".')}getDuration(){throw new Error('You have to implement the function "getDuration".')}methodPlay(){throw new Error('You have to implement the function "methodPlay".')}methodPause(){throw new Error('You have to implement the function "methodPause".')}methodSetVolume(e){throw new Error('You have to implement the function "methodSetVolume".')}methodGetVolume(){throw new Error('You have to implement the function "methodGetVolume".')}methodMute(){throw new Error('You have to implement the function "methodMute".')}methodUnMute(){throw new Error('You have to implement the function "methodUnMute".')}onReady(){this.options.muted&&this.mute(),this.media.setAttribute("tabindex","-1"),this.options.autoplay&&(!this.media.muted&&this.mute(),this.play()),this.options.controls&&this.controlBar.onReady(),Object.keys(this.plugins).forEach((e=>{this.plugins[e].onReady instanceof Function&&this.plugins[e].onReady()})),this.loading(!1),this.Vlitejs.onReady instanceof Function&&this.Vlitejs.onReady.call(this,this)}on(e,t){t instanceof Function&&(this.playerEvents.push({type:e,listener:t}),this.elements.container.addEventListener(e,t))}dispatchEvent(e){this.elements.container.dispatchEvent(new Event(e))}loading(e){this.elements.container.classList[e?"add":"remove"]("v-loading"),this.dispatchEvent("progress")}onTimeUpdate(){this.options.time&&Promise.all([this.getCurrentTime(),this.getDuration()]).then((([e,t])=>{const i=Math.round(e);if(this.elements.progressBar){const s=100*i/t;this.elements.progressBar.value=`${s}`,this.elements.progressBar.style.setProperty("--value",`${s}%`),this.elements.progressBar.setAttribute("aria-valuenow",`${Math.round(e)}`)}this.elements.currentTime&&(this.elements.currentTime.innerHTML=(0,s.formatVideoTime)(i)),this.dispatchEvent("timeupdate")}))}onMediaEnded(){this.options.loop?this.play():(this.elements.container.classList.replace("v-playing","v-paused"),this.elements.container.classList.add("v-firstStart")),this.elements.poster&&this.elements.poster.classList.add("v-active"),this.elements.progressBar&&(this.elements.progressBar.value="0",this.elements.progressBar.style.setProperty("--value","0%"),this.elements.progressBar.removeAttribute("aria-valuenow")),this.elements.currentTime&&(this.elements.currentTime.innerHTML="00:00"),this.dispatchEvent("ended")}play(){this.elements.container.classList.contains("v-firstStart")&&(this.elements.container.classList.remove("v-firstStart"),"video"===this.type&&this.elements.poster&&this.elements.poster.classList.remove("v-active")),this.methodPlay(),this.isPaused=!1,this.elements.container.classList.replace("v-paused","v-playing"),this.elements.playPause&&(this.elements.playPause.setAttribute("aria-label","Pause"),this.elements.playPause.classList.add("v-controlPressed")),"video"===this.type&&this.elements.bigPlay&&this.elements.bigPlay.setAttribute("aria-label","Pause"),this.afterPlayPause(),this.dispatchEvent("play")}pause(){this.methodPause(),this.isPaused=!0,this.elements.container.classList.replace("v-playing","v-paused"),this.elements.playPause&&(this.elements.playPause.setAttribute("aria-label","Play"),this.elements.playPause.classList.remove("v-controlPressed")),"video"===this.type&&this.elements.bigPlay&&this.elements.bigPlay.setAttribute("aria-label","Play"),this.afterPlayPause(),this.dispatchEvent("pause")}afterPlayPause(){this.Vlitejs.autoHideGranted&&(this.Vlitejs.stopAutoHideTimer(),!this.isPaused&&this.Vlitejs.startAutoHideTimer())}setVolume(e){e>1?e=1:e<=0?(e=0,this.isMuted=!0,this.elements.volume&&this.elements.volume.classList.add("v-controlPressed")):(this.isMuted=!1,this.elements.volume&&this.elements.volume.classList.remove("v-controlPressed")),this.methodSetVolume(e),this.dispatchEvent("volumechange")}getVolume(){return new window.Promise((e=>{this.methodGetVolume().then((t=>{e(t)}))}))}mute(){this.methodMute(),this.isMuted=!0,this.elements.volume&&(this.elements.volume.classList.add("v-controlPressed"),this.elements.volume.setAttribute("aria-label","Unmute")),this.dispatchEvent("volumechange")}unMute(){this.methodUnMute(),this.isMuted=!1,this.elements.volume&&(this.elements.volume.classList.remove("v-controlPressed"),this.elements.volume.setAttribute("aria-label","Mute")),this.dispatchEvent("volumechange")}seekTo(e){this.methodSeekTo(e)}requestFullscreen(){const{requestFn:e}=this.Vlitejs.supportFullScreen;this.media[e]&&(this.elements.container[e](),this.isFullScreen=!0,this.elements.container.classList.add("v-fullscreenButton-display"),this.elements.fullscreen&&(this.elements.fullscreen.classList.add("v-controlPressed"),this.elements.fullscreen.setAttribute("aria-label","Exit fullscreen")),this.dispatchEvent("enterfullscreen"))}exitFullscreen({escKey:e=!1}={}){const{cancelFn:t}=this.Vlitejs.supportFullScreen;document[t]&&(!e&&document[t](),this.isFullScreen=!1,this.elements.container.classList.remove("v-fullscreenButton-display"),this.elements.fullscreen&&(this.elements.fullscreen.classList.remove("v-controlPressed"),this.elements.fullscreen.setAttribute("aria-label","Enter fullscreen")),this.dispatchEvent("exitfullscreen"))}destroy(){this.controlBar&&this.controlBar.destroy(),Object.keys(this.plugins).forEach((e=>{this.plugins[e].destroy instanceof Function&&this.plugins[e].destroy()})),this.playerEvents.forEach((e=>{this.elements.container.removeEventListener(e.type,e.listener)})),this.elements.container.remove()}}}.apply(t,i),void 0===n||(e.exports=n)},206:function(e,t,s){var i,n,r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};i=[s,t,s(711),s(341),s(158),s(261),s(295),s(266),s(685),s(390),s(555)],n=function(e,t,s,i,n,o,l,a,u,c,h){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),s=r(s),i=r(i),o=r(o),l=r(l),a=r(a),u=r(u);const d={audio:{controls:!0,autoplay:!1,playPause:!0,progressBar:!0,time:!0,volume:!0,loop:!1},video:{controls:!0,autoplay:!1,playPause:!0,progressBar:!0,time:!0,volume:!0,fullscreen:!0,poster:null,bigPlay:!0,playsinline:!1,loop:!1,muted:!1,autoHide:!1,autoHideDelay:3e3,providerParams:{}}};class p{constructor(e,{options:t={},provider:i="html5",plugins:r=[],onReady:o=!1}={}){if("string"==typeof e)this.media=document.querySelector(e);else{if(!(e instanceof HTMLVideoElement||e instanceof HTMLAudioElement||e instanceof HTMLDivElement))throw new TypeError("vlitejs :: The element or selector supplied is not valid.");this.media=e}this.provider=i,this.onReady=o,this.type=this.media instanceof HTMLAudioElement?"audio":"video",this.supportFullScreen=(0,n.checkSupportFullScreen)();["autoplay","playsinline","muted","loop"].forEach((e=>{this.media.hasAttribute(e)?t[e]=!0:t[e]&&this.media.setAttribute(e,"")})),this.options=Object.assign(Object.assign({},d[this.type]),t),this.autoHideGranted="video"===this.type&&!!this.options.autoHide&&!!this.options.controls,this.onClickOnPlayer=this.onClickOnPlayer.bind(this),this.onDoubleClickOnPlayer=this.onDoubleClickOnPlayer.bind(this),this.onKeydown=this.onKeydown.bind(this),this.onMousemove=this.onMousemove.bind(this),this.onChangeFullScreen=this.onChangeFullScreen.bind(this);const l=(0,c.getProviderInstance)(i,s.default);this.wrapElement(),this.container=this.media.parentNode,"video"===this.type&&this.renderLayout(),this.player=new l({type:this.type,Vlitejs:this}),this.player.build(),this.addEvents(),(0,h.initializePlugins)({plugins:r,provider:i,type:this.type,player:this.player})}wrapElement(){const e=document.createElement("div");e.classList.add("v-vlite","v-firstStart","v-paused","v-loading",`v-${this.type}`),e.setAttribute("tabindex","0");this.media.parentNode.insertBefore(e,this.media),e.appendChild(this.media)}renderLayout(){const e=`\n\t\t\t${(0,a.default)()}\n\t\t\t${(0,o.default)()}\n\t\t\t${this.options.poster?(0,u.default)({posterUrl:this.options.poster}):""}\n\t\t\t${this.options.bigPlay?(0,l.default)():""}\n\t\t`;this.container.insertAdjacentHTML("beforeend",e)}addEvents(){"video"===this.type&&(this.container.addEventListener("click",this.onClickOnPlayer),this.container.addEventListener("dblclick",this.onDoubleClickOnPlayer),this.autoHideGranted&&this.container.addEventListener("mousemove",this.onMousemove),window.addEventListener(this.supportFullScreen.changeEvent,this.onChangeFullScreen)),this.container.addEventListener("keydown",this.onKeydown)}onClickOnPlayer(e){const t=e.target;(0,i.default)({target:t,selectorString:".v-poster, .v-overlay, .v-bigPlay",nodeName:["div","button"]})&&(this.player.controlBar.togglePlayPause(e),t.matches(".v-bigPlay")&&this.container.focus())}onDoubleClickOnPlayer(e){const t=e.target;(0,i.default)({target:t,selectorString:".v-overlay",nodeName:["div"]})&&this.player.controlBar.toggleFullscreen(e)}onKeydown(e){const t=document.activeElement,{keyCode:s}=e;[9,32,37,39].includes(s)&&this.autoHideGranted&&(t===this.container||(null==t?void 0:t.closest(".v-vlite")))&&(this.stopAutoHideTimer(),this.startAutoHideTimer()),![37,39].includes(s)||t!==this.container&&t!==this.player.elements.progressBar||(e.preventDefault(),37===s?this.fastForward("backward"):39===s&&this.fastForward("forward")),![38,40].includes(s)||t!==this.container&&t!==this.player.elements.volume||(38===s?(this.animateVolumeButton(),this.increaseVolume()):40===s&&(this.animateVolumeButton(),this.decreaseVolume())),32===s&&t===this.container&&this.player.controlBar.togglePlayPause(e)}onMousemove(){this.player.isPaused||(this.stopAutoHideTimer(),this.startAutoHideTimer())}onChangeFullScreen(e){!document[this.supportFullScreen.isFullScreen]&&this.player.isFullScreen&&this.player.exitFullscreen({escKey:!0})}fastForward(e){this.player.getCurrentTime().then((t=>{this.player.seekTo("backward"===e?t-5:t+5)}))}increaseVolume(){this.player.getVolume().then((e=>{this.player.setVolume(e+.05)}))}decreaseVolume(){this.player.getVolume().then((e=>{this.player.setVolume(e-.05)}))}animateVolumeButton(){if(this.player.elements.volume){const e=(0,n.getCSSTransitionDuration)({target:this.player.elements.volume,isMilliseconds:!0});this.player.elements.volume.classList.add("v-animate"),setTimeout((()=>this.player.elements.volume.classList.remove("v-animate")),e)}}stopAutoHideTimer(){"video"===this.type&&this.player.elements.controlBar&&(this.player.elements.controlBar.classList.remove("hidden"),clearTimeout(this.timerAutoHide))}startAutoHideTimer(){"video"===this.type&&!this.player.isPaused&&this.player.elements.controlBar&&(this.timerAutoHide=window.setTimeout((()=>{this.player.elements.controlBar.classList.add("hidden")}),this.options.autoHideDelay))}removeEvents(){this.container.removeEventListener("keydown",this.onKeydown),"video"===this.type&&(this.container.removeEventListener("click",this.onClickOnPlayer),this.container.removeEventListener("dblclick",this.onDoubleClickOnPlayer),this.autoHideGranted&&this.container.removeEventListener("mousemove",this.onMousemove),window.removeEventListener(this.supportFullScreen.changeEvent,this.onChangeFullScreen))}destroy(){this.removeEvents(),this.player.destroy(),this.player.controlBar.destroy()}}p.registerProvider=c.registerProvider,p.registerPlugin=h.registerPlugin,t.default=p}.apply(t,i),void 0===n||(e.exports=n)},295:function(e,t,s){var i,n,r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};i=[s,t,s(566)],n=function(e,t,s){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),s=r(s),t.default=function(){return`<button class="v-bigPlay v-controlButton">${s.default}</button>`}}.apply(t,i),void 0===n||(e.exports=n)},61:function(e,t,s){var i,n,r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};i=[s,t,s(158),s(341),s(372)],n=function(e,t,s,i,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),i=r(i),n=r(n);t.default=class{constructor({player:e,type:t}){this.player=e,this.type=t,this.touchEvents=["touchstart","touchmove","touchend"],this.onInputProgressBar=this.onInputProgressBar.bind(this),this.onTouchEventProgressBar=this.onTouchEventProgressBar.bind(this),this.onClickOnControlBar=this.onClickOnControlBar.bind(this),this.togglePlayPause=this.togglePlayPause.bind(this),this.toggleVolume=this.toggleVolume.bind(this),this.toggleFullscreen=this.toggleFullscreen.bind(this)}init(){this.render(),this.cacheElements(),this.addEvents()}cacheElements(){const e=this.player.elements.container.querySelector(".v-controlBar");this.player.elements.controlBar=e,this.player.elements.controlBar&&(this.player.elements.playPause=e.querySelector(".v-playPauseButton"),this.player.elements.progressBar=e.querySelector(".v-progressBar"),this.player.elements.currentTime=e.querySelector(".v-currentTime"),this.player.elements.duration=e.querySelector(".v-duration"),this.player.elements.volume=e.querySelector(".v-volumeButton"),this.player.elements.fullscreen=e.querySelector(".v-fullscreenButton"),this.player.elements.volume&&this.player.elements.volume.setAttribute("aria-label",this.player.isMuted?"Unmute":"Mute"))}render(){this.player.elements.container.insertAdjacentHTML("beforeend",this.getTemplate())}onReady(){this.player.getDuration().then((e=>{this.player.elements.progressBar&&this.player.elements.progressBar.setAttribute("aria-valuemax",`${Math.round(e)}`),this.player.elements.duration&&(this.player.elements.duration.innerHTML=(0,s.formatVideoTime)(e))}))}addEvents(){this.player.elements.progressBar&&(this.player.elements.progressBar.addEventListener("input",this.onInputProgressBar),this.player.isTouch&&this.touchEvents.forEach((e=>{this.player.elements.progressBar.addEventListener(e,this.onTouchEventProgressBar)}))),this.player.elements.controlBar&&this.player.elements.controlBar.addEventListener("click",this.onClickOnControlBar)}onTouchEventProgressBar(e){e.preventDefault();const t=e.target,s=parseFloat(t.getAttribute("max")||"100"),i=t.getBoundingClientRect(),n=(e.changedTouches[0].clientX-i.left)/i.width*100;t.value=""+100*n/s,t.dispatchEvent(new Event("input"))}onInputProgressBar(e){const t=e.target;t.style.setProperty("--value",`${t.value}%`),this.player.elements.container.classList.contains("v-firstStart")&&this.player.play(),this.player.getDuration().then((e=>{this.player.seekTo(parseFloat(t.value)*e/100)}))}onClickOnControlBar(e){const t=e.target,s=(0,i.default)({target:t,selectorString:".v-playPauseButton",nodeName:["button"]}),n=(0,i.default)({target:t,selectorString:".v-volumeButton",nodeName:["button"]}),r=(0,i.default)({target:t,selectorString:".v-fullscreenButton",nodeName:["button"]});s?this.togglePlayPause(e):n?this.toggleVolume(e):r&&this.toggleFullscreen(e)}togglePlayPause(e){e.preventDefault(),this.player.elements.container.classList.contains("v-paused")?this.player.play():this.player.pause()}toggleVolume(e){e.preventDefault(),this.player.elements.volume.classList.contains("v-controlPressed")?this.player.unMute():this.player.mute()}toggleFullscreen(e){e.preventDefault(),this.player.isFullScreen?this.player.exitFullscreen():this.player.requestFullscreen()}getTemplate(){return`${(0,n.default)({options:this.player.options,isMuted:this.player.isMuted,type:this.type})}`}removeEvents(){this.player.elements.progressBar&&(this.player.elements.progressBar.removeEventListener("input",this.onInputProgressBar),this.player.isTouch&&this.touchEvents.forEach((e=>{this.player.elements.progressBar.removeEventListener(e,this.onTouchEventProgressBar)}))),this.player.elements.controlBar&&this.player.elements.controlBar.removeEventListener("click",this.onClickOnControlBar)}destroy(){this.removeEvents(),this.player.elements.controlBar&&this.player.elements.controlBar.remove()}}}.apply(t,i),void 0===n||(e.exports=n)},372:function(e,t,s){var i,n,r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};i=[s,t,s(323),s(36),s(489),s(903),s(80),s(549)],n=function(e,t,s,i,n,o,l,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),s=r(s),i=r(i),n=r(n),o=r(o),l=r(l),a=r(a),t.default=function({options:e,isMuted:t,type:r}){return`<div class="v-controlBar">${e.playPause?`<button class="v-playPauseButton v-controlButton" aria-label="Play">${s.default}${i.default}</button>`:""}${e.time?'<div class="v-time"><span class="v-currentTime">00:00</span> / <span class="v-duration"></span></div>':""}${e.progressBar?'<input type="range" class="v-progressBar" min="0" max="100" step="0.01" value="0" aria-label="Seek" aria-valuemin="0" />':""}${e.volume?function({isMuted:e}){return`<button class="v-volumeButton v-controlButton${e?" v-controlPressed":""}">${n.default}${o.default}</button>`}({isMuted:t}):""}${e.fullscreen?`<button class="v-fullscreenButton v-controlButton" aria-label="Enter fullscreen">${l.default}${a.default}</span></button>`:""}</div>`}}.apply(t,i),void 0===n||(e.exports=n)},261:(e,t,s)=>{var i;i=function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){return'\n\t\t<div class="v-loader">\n\t\t\t<div class="v-loaderContent">\n\t\t\t\t<div class="v-loaderBounce1"></div>\n\t\t\t\t<div class="v-loaderBounce2"></div>\n\t\t\t\t<div class="v-loaderBounce3"></div>\n\t\t\t</div>\n\t\t</div>\n\t'}}.apply(t,[s,t]),void 0===i||(e.exports=i)},266:(e,t,s)=>{var i;i=function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){return'<div class="v-overlay"></div>'}}.apply(t,[s,t]),void 0===i||(e.exports=i)},685:(e,t,s)=>{var i;i=function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function({posterUrl:e=""}){return`<div class="v-poster v-active"${e&&` style="background-image: url(${e})"`}></div>`}}.apply(t,[s,t]),void 0===i||(e.exports=i)},420:(e,t,s)=>{"use strict";s(295)},439:(e,t,s)=>{"use strict";s(61)},97:(e,t,s)=>{"use strict";s(261)},736:(e,t,s)=>{"use strict";s(266)},315:(e,t,s)=>{"use strict";s(685)},341:e=>{ | ||
| !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.Vlitejs=t():e.Vlitejs=t()}(globalThis,(()=>(()=>{var e={555:(e,t,s)=>{var i;i=function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.initializePlugins=t.registerPlugin=t.getPluginInstance=void 0;const s={},i={};function n(e){const t=[],n=Object.keys(s);return e.forEach((e=>{if(!n.includes(e))throw new Error(`vlitejs :: Unknown plugin "${e}".`);t.push({id:e,Plugin:s[e],options:i[e]})})),t}t.getPluginInstance=n,t.registerPlugin=function(e,t,n){if(void 0!==t){if(!Object.keys(s).includes(e))return s[e]=t,void(n&&(i[e]=n));throw new Error(`vlitejs :: The plugin id "${e}" is already registered.`)}throw new Error(`vlitejs :: The plugin id "${e}" is undefined.`)},t.initializePlugins=function({plugins:e,provider:t,type:s,player:i}){n(e).forEach((({id:e,Plugin:n,options:r})=>{const o=new n({player:i,options:r});if(i.plugins[e]=o,!o.providers.includes(t)||!o.types.includes(s))throw new Error(`vlitejs :: The "${e}" plugin is only compatible with providers:"${o.providers}" and types:"${o.types}"`);o.init()}))}}.apply(t,[s,t]),void 0===i||(e.exports=i)},571:(e,t,s)=>{var i;i=function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return class extends e{constructor(e){super(e),this.events=[{type:"timeupdate",listener:super.onTimeUpdate},{type:"ended",listener:super.onMediaEnded},{type:"playing",listener:this.onPlaying},{type:"waiting",listener:this.onWaiting},{type:"seeking",listener:this.onSeeking},{type:"seeked",listener:this.onSeeked}]}init(){this.waitUntilVideoIsReady().then((()=>{this.addSpecificEvents(),super.onReady()}))}waitUntilVideoIsReady(){return new window.Promise((e=>{this.media.readyState>=2&&this.media.duration?e():(this.media.addEventListener("loadedmetadata",e,{once:!0}),this.media.addEventListener("canplay",e,{once:!0}))}))}addSpecificEvents(){this.events.forEach((e=>{this.media.addEventListener(e.type,e.listener.bind(this))}))}getInstance(){return this.media}getCurrentTime(){return new window.Promise((e=>e(this.media.currentTime)))}getDuration(){return new window.Promise((e=>e(this.media.duration)))}methodPlay(){this.media.play()}methodPause(){this.media.pause()}methodSetVolume(e){this.media.volume=e}methodGetVolume(){return new window.Promise((e=>e(this.media.volume)))}methodMute(){this.media.muted=!0,this.media.setAttribute("muted","")}methodUnMute(){this.media.muted=!1,this.media.removeAttribute("muted")}methodSeekTo(e){this.media.currentTime=e}onWaiting(){this.loading(!0)}onPlaying(){this.loading(!1)}onSeeking(){this.loading(!0)}onSeeked(){this.loading(!1)}removeSpecificEvents(){this.events.forEach((e=>{this.media.removeEventListener(e.type,e.listener)}))}destroy(){this.removeSpecificEvents(),super.destroy()}}}}.apply(t,[s,t]),void 0===i||(e.exports=i)},390:function(e,t,s){var i,n,r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};i=[s,t,s(571)],n=function(e,t,s){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.registerProvider=t.getProviderInstance=void 0;const i={html5:(s=r(s)).default},n={};t.getProviderInstance=function(e,t){const s=i[e];if(s)return s(t,n[e]);throw new Error(`vlitejs :: Unknown provider "${e}"`)},t.registerProvider=function(e,t,s){if(void 0!==t){if(!Object.keys(i).includes(e))return i[e]=t,void(s&&(n[e]=s));throw new Error(`vlitejs :: The provider id "${e}" is already registered.`)}throw new Error(`vlitejs :: The provider id "${e}" is undefined.`)}}.apply(t,i),void 0===n||(e.exports=n)},158:(e,t,s)=>{var i;i=function(e,t){"use strict";function s(){if(document.exitFullscreen instanceof Function)return"";return["webkit","moz","ms"].find((e=>document[e+"ExitFullscreen"]instanceof Function||document[`${e}CancelFullScreen`]instanceof Function))||""}Object.defineProperty(t,"__esModule",{value:!0}),t.isTouch=t.getCSSTransitionDuration=t.getBrowserPrefix=t.checkSupportFullScreen=t.formatVideoTime=void 0,t.formatVideoTime=function(e){const t=1e3*e,s=t/1e3/60<<0,i=t/1e3%60<<0;let n="";return n+=s<10?"0":"",n+=s+":",n+=i<10?"0":"",n+=i,n},t.checkSupportFullScreen=function(){const e=s();return{requestFn:e?`${e}RequestFullScreen`:"requestFullscreen",cancelFn:e?`${e}ExitFullscreen`:"exitFullscreen",changeEvent:e?`${e}fullscreenchange`:"fullscreenchange",isFullScreen:e?`${e}FullscreenElement`:"fullscreenElement"}},t.getBrowserPrefix=s,t.getCSSTransitionDuration=function({target:e,isMilliseconds:t=!1}){return parseFloat(window.getComputedStyle(e).transitionDuration)*(t?1e3:1)},t.isTouch=function(){return!!("ontouchstart"in document.documentElement)}}.apply(t,[s,t]),void 0===i||(e.exports=i)},711:function(e,t,s){var i,n,r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};i=[s,t,s(158),s(61)],n=function(e,t,s,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),i=r(i);t.default=class{constructor({Vlitejs:e,type:t}){this.Vlitejs=e,this.type=t,this.plugins={},this.media=e.media,this.options=e.options,this.isCast=!1,this.elements={container:e.container,bigPlay:e.container.querySelector(".v-bigPlay"),poster:e.container.querySelector(".v-poster"),controlBar:null,playPause:null,progressBar:null,currentTime:null,duration:null,volume:null,fullscreen:null},this.isFullScreen=!1,this.isMuted=this.options.muted,this.isPaused=null,this.playerEvents=[],this.isTouch=(0,s.isTouch)(),this.controlBar=new i.default({player:this,type:t})}build(){this.options.controls&&this.controlBar.init(),this.init()}init(){throw new Error('You have to implement the function "init".')}waitUntilVideoIsReady(){throw new Error('You have to implement the function "waitUntilVideoIsReady".')}getInstance(){throw new Error('You have to implement the function "getInstance".')}getCurrentTime(){throw new Error('You have to implement the function "getCurrentTime".')}methodSeekTo(e){throw new Error('You have to implement the function "methodSeekTo".')}getDuration(){throw new Error('You have to implement the function "getDuration".')}methodPlay(){throw new Error('You have to implement the function "methodPlay".')}methodPause(){throw new Error('You have to implement the function "methodPause".')}methodSetVolume(e){throw new Error('You have to implement the function "methodSetVolume".')}methodGetVolume(){throw new Error('You have to implement the function "methodGetVolume".')}methodMute(){throw new Error('You have to implement the function "methodMute".')}methodUnMute(){throw new Error('You have to implement the function "methodUnMute".')}onReady(){this.options.muted&&this.mute(),this.media.setAttribute("tabindex","-1"),this.options.autoplay&&(!this.media.muted&&this.mute(),this.play()),this.options.controls&&this.controlBar.onReady(),Object.keys(this.plugins).forEach((e=>{this.plugins[e].onReady instanceof Function&&this.plugins[e].onReady()})),this.loading(!1),this.Vlitejs.onReady instanceof Function&&this.Vlitejs.onReady.call(this,this)}on(e,t){t instanceof Function&&(this.playerEvents.push({type:e,listener:t}),this.elements.container.addEventListener(e,t))}dispatchEvent(e){this.elements.container.dispatchEvent(new Event(e))}loading(e){this.elements.container.classList[e?"add":"remove"]("v-loading"),this.dispatchEvent("progress")}onTimeUpdate(){this.options.time&&Promise.all([this.getCurrentTime(),this.getDuration()]).then((([e,t])=>this.updateProgressBar({seconds:e,duration:t})))}updateProgressBar({seconds:e,duration:t,isRemote:i=!1}){const n=Math.round(e);if(this.elements.progressBar){const s=100*n/t;this.elements.progressBar.value=`${s}`,this.elements.progressBar.style.setProperty("--vlite-progressValue",`${s}%`),this.elements.progressBar.setAttribute("aria-valuenow",`${Math.round(e)}`)}this.elements.currentTime&&(this.elements.currentTime.innerHTML=(0,s.formatVideoTime)(n)),!i&&this.dispatchEvent("timeupdate")}onMediaEnded(){this.options.loop?this.play():(this.elements.container.classList.replace("v-playing","v-paused"),this.elements.container.classList.add("v-firstStart")),this.elements.poster&&this.elements.poster.classList.add("v-active"),this.elements.progressBar&&(this.elements.progressBar.value="0",this.elements.progressBar.style.setProperty("--vlite-progressValue","0%"),this.elements.progressBar.removeAttribute("aria-valuenow")),this.elements.currentTime&&(this.elements.currentTime.innerHTML="00:00"),this.dispatchEvent("ended")}play(){null===this.isPaused&&(this.elements.container.classList.remove("v-firstStart"),"video"===this.type&&this.elements.poster&&this.elements.poster.classList.remove("v-active")),!this.isCast&&this.methodPlay(),this.isPaused=!1,this.elements.container.classList.replace("v-paused","v-playing"),this.elements.playPause&&(this.elements.playPause.setAttribute("aria-label","Pause"),this.elements.playPause.classList.add("v-controlPressed")),"video"===this.type&&this.elements.bigPlay&&this.elements.bigPlay.setAttribute("aria-label","Pause"),this.afterPlayPause(),this.dispatchEvent("play")}pause(){!this.isCast&&this.methodPause(),this.isPaused=!0,this.elements.container.classList.replace("v-playing","v-paused"),this.elements.playPause&&(this.elements.playPause.setAttribute("aria-label","Play"),this.elements.playPause.classList.remove("v-controlPressed")),"video"===this.type&&this.elements.bigPlay&&this.elements.bigPlay.setAttribute("aria-label","Play"),this.afterPlayPause(),this.dispatchEvent("pause")}afterPlayPause(){this.Vlitejs.autoHideGranted&&(this.Vlitejs.stopAutoHideTimer(),!this.isPaused&&this.Vlitejs.startAutoHideTimer())}setVolume(e){e>1?e=1:e<=0?(e=0,this.isMuted=!0,this.elements.volume&&this.elements.volume.classList.add("v-controlPressed")):(this.isMuted=!1,this.elements.volume&&this.elements.volume.classList.remove("v-controlPressed")),this.methodSetVolume(e),this.dispatchEvent("volumechange")}getVolume(){return new window.Promise((e=>{this.methodGetVolume().then((t=>{e(t)}))}))}mute(){this.methodMute(),this.isMuted=!0,this.elements.volume&&(this.elements.volume.classList.add("v-controlPressed"),this.elements.volume.setAttribute("aria-label","Unmute")),this.dispatchEvent("volumechange")}unMute(){this.methodUnMute(),this.isMuted=!1,this.elements.volume&&(this.elements.volume.classList.remove("v-controlPressed"),this.elements.volume.setAttribute("aria-label","Mute")),this.dispatchEvent("volumechange")}seekTo(e){this.methodSeekTo(e)}requestFullscreen(){const{requestFn:e}=this.Vlitejs.supportFullScreen;this.media[e]&&(this.elements.container[e](),this.isFullScreen=!0,this.elements.container.classList.add("v-fullscreenButtonDisplay"),this.elements.fullscreen&&(this.elements.fullscreen.classList.add("v-controlPressed"),this.elements.fullscreen.setAttribute("aria-label","Exit fullscreen")),this.dispatchEvent("enterfullscreen"))}exitFullscreen({escKey:e=!1}={}){const{cancelFn:t}=this.Vlitejs.supportFullScreen;document[t]&&(!e&&document[t](),this.isFullScreen=!1,this.elements.container.classList.remove("v-fullscreenButtonDisplay"),this.elements.fullscreen&&(this.elements.fullscreen.classList.remove("v-controlPressed"),this.elements.fullscreen.setAttribute("aria-label","Enter fullscreen")),this.dispatchEvent("exitfullscreen"))}destroy(){this.controlBar&&this.controlBar.destroy(),Object.keys(this.plugins).forEach((e=>{this.plugins[e].destroy instanceof Function&&this.plugins[e].destroy()})),this.playerEvents.forEach((e=>{this.elements.container.removeEventListener(e.type,e.listener)})),this.elements.container.remove()}}}.apply(t,i),void 0===n||(e.exports=n)},206:function(e,t,s){var i,n,r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};i=[s,t,s(711),s(341),s(158),s(261),s(295),s(266),s(685),s(390),s(555)],n=function(e,t,s,i,n,o,l,a,u,c,h){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),s=r(s),i=r(i),o=r(o),l=r(l),a=r(a),u=r(u);const d={audio:{controls:!0,autoplay:!1,playPause:!0,progressBar:!0,time:!0,volume:!0,loop:!1},video:{controls:!0,autoplay:!1,playPause:!0,progressBar:!0,time:!0,volume:!0,fullscreen:!0,poster:null,bigPlay:!0,playsinline:!1,loop:!1,muted:!1,autoHide:!1,autoHideDelay:3e3,providerParams:{}}};class p{constructor(e,{options:t={},provider:i="html5",plugins:r=[],onReady:o=(()=>{})}={}){if("string"==typeof e)this.media=document.querySelector(e);else{if(!(e instanceof HTMLVideoElement||e instanceof HTMLAudioElement||e instanceof HTMLDivElement))throw new TypeError("vlitejs :: The element or selector supplied is not valid.");this.media=e}this.provider=i,this.onReady=o,this.type=this.media instanceof HTMLAudioElement?"audio":"video",this.supportFullScreen=(0,n.checkSupportFullScreen)();["autoplay","playsinline","muted","loop"].forEach((e=>{this.media.hasAttribute(e)?t[e]=!0:t[e]&&this.media.setAttribute(e,"")})),this.options=Object.assign(Object.assign({},d[this.type]),t),this.autoHideGranted="video"===this.type&&!!this.options.autoHide&&!!this.options.controls,this.onClickOnPlayer=this.onClickOnPlayer.bind(this),this.onDoubleClickOnPlayer=this.onDoubleClickOnPlayer.bind(this),this.onKeydown=this.onKeydown.bind(this),this.onMousemove=this.onMousemove.bind(this),this.onChangeFullScreen=this.onChangeFullScreen.bind(this);const l=(0,c.getProviderInstance)(i,s.default);this.wrapElement(),this.container=this.media.parentNode,"video"===this.type&&this.renderLayout(),this.player=new l({type:this.type,Vlitejs:this}),this.player.build(),this.addEvents(),(0,h.initializePlugins)({plugins:r,provider:i,type:this.type,player:this.player})}wrapElement(){const e=document.createElement("div");e.classList.add("v-vlite","v-firstStart","v-paused","v-loading",`v-${this.type}`),e.setAttribute("tabindex","0");this.media.parentNode.insertBefore(e,this.media),e.appendChild(this.media)}renderLayout(){const e=`\n\t\t\t${(0,a.default)()}\n\t\t\t${(0,o.default)()}\n\t\t\t${this.options.poster?(0,u.default)({posterUrl:this.options.poster}):""}\n\t\t\t${this.options.bigPlay?(0,l.default)():""}\n\t\t`;this.container.insertAdjacentHTML("beforeend",e)}addEvents(){"video"===this.type&&(this.container.addEventListener("click",this.onClickOnPlayer),this.container.addEventListener("dblclick",this.onDoubleClickOnPlayer),this.autoHideGranted&&this.container.addEventListener("mousemove",this.onMousemove),window.addEventListener(this.supportFullScreen.changeEvent,this.onChangeFullScreen)),this.container.addEventListener("keydown",this.onKeydown)}onClickOnPlayer(e){const t=e.target;(0,i.default)({target:t,selectorString:".v-poster, .v-overlay, .v-bigPlay",nodeName:["div","button"]})&&(this.player.controlBar.togglePlayPause(e),t.matches(".v-bigPlay")&&this.container.focus())}onDoubleClickOnPlayer(e){const t=e.target;(0,i.default)({target:t,selectorString:".v-overlay",nodeName:["div"]})&&this.player.controlBar.toggleFullscreen(e)}onKeydown(e){const t=document.activeElement,{keyCode:s}=e;[9,32,37,39].includes(s)&&this.autoHideGranted&&(t===this.container||(null==t?void 0:t.closest(".v-vlite")))&&(this.stopAutoHideTimer(),this.startAutoHideTimer()),![37,39].includes(s)||t!==this.container&&t!==this.player.elements.progressBar||(e.preventDefault(),37===s?this.fastForward("backward"):39===s&&this.fastForward("forward")),![38,40].includes(s)||t!==this.container&&t!==this.player.elements.volume||(38===s?(this.animateVolumeButton(),this.increaseVolume()):40===s&&(this.animateVolumeButton(),this.decreaseVolume())),32===s&&t===this.container&&this.player.controlBar.togglePlayPause(e)}onMousemove(){!this.player.isPaused&&this.autoHideGranted&&(this.stopAutoHideTimer(),this.startAutoHideTimer())}onChangeFullScreen(){!document[this.supportFullScreen.isFullScreen]&&this.player.isFullScreen&&this.player.exitFullscreen({escKey:!0})}fastForward(e){this.player.getCurrentTime().then((t=>{this.player.seekTo("backward"===e?t-5:t+5)}))}increaseVolume(){this.player.isMuted&&this.player.unMute(),this.player.getVolume().then((e=>{this.player.setVolume(e+.05)}))}decreaseVolume(){this.player.getVolume().then((e=>{this.player.setVolume(e-.05)}))}animateVolumeButton(){if(this.player.elements.volume){const e=(0,n.getCSSTransitionDuration)({target:this.player.elements.volume,isMilliseconds:!0});this.player.elements.volume.classList.add("v-animate"),setTimeout((()=>this.player.elements.volume.classList.remove("v-animate")),e)}}stopAutoHideTimer(){"video"===this.type&&this.player.elements.controlBar&&(this.player.elements.controlBar.classList.remove("v-hidden"),clearTimeout(this.timerAutoHide))}startAutoHideTimer(){"video"===this.type&&!this.player.isPaused&&this.player.elements.controlBar&&(this.timerAutoHide=window.setTimeout((()=>{this.player.elements.controlBar.classList.add("v-hidden")}),this.options.autoHideDelay))}removeEvents(){this.container.removeEventListener("keydown",this.onKeydown),"video"===this.type&&(this.container.removeEventListener("click",this.onClickOnPlayer),this.container.removeEventListener("dblclick",this.onDoubleClickOnPlayer),this.autoHideGranted&&this.container.removeEventListener("mousemove",this.onMousemove),window.removeEventListener(this.supportFullScreen.changeEvent,this.onChangeFullScreen))}destroy(){this.removeEvents(),this.player.destroy(),this.player.controlBar.destroy()}}p.registerProvider=c.registerProvider,p.registerPlugin=h.registerPlugin,t.default=p}.apply(t,i),void 0===n||(e.exports=n)},295:function(e,t,s){var i,n,r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};i=[s,t,s(566)],n=function(e,t,s){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),s=r(s),t.default=function(){return`<button class="v-bigPlay v-controlButton">${s.default}</button>`}}.apply(t,i),void 0===n||(e.exports=n)},61:function(e,t,s){var i,n,r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};i=[s,t,s(158),s(341),s(372)],n=function(e,t,s,i,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),i=r(i),n=r(n);t.default=class{constructor({player:e,type:t}){this.player=e,this.type=t,this.touchEvents=["touchstart","touchmove","touchend"],this.onInputProgressBar=this.onInputProgressBar.bind(this),this.onTouchEventProgressBar=this.onTouchEventProgressBar.bind(this),this.onClickOnControlBar=this.onClickOnControlBar.bind(this),this.togglePlayPause=this.togglePlayPause.bind(this),this.toggleVolume=this.toggleVolume.bind(this),this.toggleFullscreen=this.toggleFullscreen.bind(this)}init(){this.render(),this.cacheElements(),this.addEvents()}cacheElements(){const e=this.player.elements.container.querySelector(".v-controlBar");this.player.elements.controlBar=e,this.player.elements.controlBar&&(this.player.elements.playPause=e.querySelector(".v-playPauseButton"),this.player.elements.progressBar=e.querySelector(".v-progressBar"),this.player.elements.currentTime=e.querySelector(".v-currentTime"),this.player.elements.duration=e.querySelector(".v-duration"),this.player.elements.volume=e.querySelector(".v-volumeButton"),this.player.elements.fullscreen=e.querySelector(".v-fullscreenButton"),this.player.elements.volume&&this.player.elements.volume.setAttribute("aria-label",this.player.isMuted?"Unmute":"Mute"))}render(){this.player.elements.container.insertAdjacentHTML("beforeend",this.getTemplate())}onReady(){this.player.getDuration().then((e=>{this.player.elements.progressBar&&this.player.elements.progressBar.setAttribute("aria-valuemax",`${Math.round(e)}`),this.player.elements.duration&&(this.player.elements.duration.innerHTML=(0,s.formatVideoTime)(e))}))}addEvents(){this.player.elements.progressBar&&(this.player.elements.progressBar.addEventListener("input",this.onInputProgressBar),this.player.isTouch&&this.touchEvents.forEach((e=>{this.player.elements.progressBar.addEventListener(e,this.onTouchEventProgressBar)}))),this.player.elements.controlBar&&this.player.elements.controlBar.addEventListener("click",this.onClickOnControlBar)}onTouchEventProgressBar(e){e.preventDefault();const t=e.target,s=parseFloat(t.getAttribute("max")||"100"),i=t.getBoundingClientRect(),n=(e.changedTouches[0].clientX-i.left)/i.width*100;t.value=""+100*n/s,t.dispatchEvent(new Event("input"))}onInputProgressBar(e){const t=e.target;t.style.setProperty("--vlite-progressValue",`${t.value}%`),this.player.elements.container.classList.contains("v-firstStart")&&this.player.play(),this.player.getDuration().then((e=>{this.player.seekTo(parseFloat(t.value)*e/100)}))}onClickOnControlBar(e){const t=e.target,s=(0,i.default)({target:t,selectorString:".v-playPauseButton",nodeName:["button"]}),n=(0,i.default)({target:t,selectorString:".v-volumeButton",nodeName:["button"]}),r=(0,i.default)({target:t,selectorString:".v-fullscreenButton",nodeName:["button"]});s?this.togglePlayPause(e):n?this.toggleVolume(e):r&&this.toggleFullscreen(e)}togglePlayPause(e){e.preventDefault(),this.player.elements.container.classList.contains("v-paused")?this.player.play():this.player.pause()}toggleVolume(e){e.preventDefault(),this.player.elements.volume.classList.contains("v-controlPressed")?this.player.unMute():this.player.mute(),this.player.dispatchEvent("volumechange")}toggleFullscreen(e){e.preventDefault(),this.player.isFullScreen?this.player.exitFullscreen():this.player.requestFullscreen()}getTemplate(){return`${(0,n.default)({options:this.player.options,isMuted:this.player.isMuted})}`}removeEvents(){this.player.elements.progressBar&&(this.player.elements.progressBar.removeEventListener("input",this.onInputProgressBar),this.player.isTouch&&this.touchEvents.forEach((e=>{this.player.elements.progressBar.removeEventListener(e,this.onTouchEventProgressBar)}))),this.player.elements.controlBar&&this.player.elements.controlBar.removeEventListener("click",this.onClickOnControlBar)}destroy(){this.removeEvents(),this.player.elements.controlBar&&this.player.elements.controlBar.remove()}}}.apply(t,i),void 0===n||(e.exports=n)},372:function(e,t,s){var i,n,r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};i=[s,t,s(323),s(36),s(489),s(903),s(80),s(549)],n=function(e,t,s,i,n,o,l,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),s=r(s),i=r(i),n=r(n),o=r(o),l=r(l),a=r(a),t.default=function({options:e,isMuted:t}){return`<div class="v-controlBar">${e.playPause?`<button class="v-playPauseButton v-controlButton" aria-label="Play">${s.default}${i.default}</button>`:""}${e.time?'<div class="v-time"><span class="v-currentTime">00:00</span> / <span class="v-duration"></span></div>':""}${e.progressBar?'<input type="range" class="v-progressBar" min="0" max="100" step="0.01" value="0" aria-label="Seek" aria-valuemin="0" />':""}${e.volume?function({isMuted:e}){return`<button class="v-volumeButton v-controlButton${e?" v-controlPressed":""}">${n.default}${o.default}</button>`}({isMuted:t}):""}${e.fullscreen?`<button class="v-fullscreenButton v-controlButton" aria-label="Enter fullscreen">${l.default}${a.default}</span></button>`:""}</div>`}}.apply(t,i),void 0===n||(e.exports=n)},261:(e,t,s)=>{var i;i=function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){return'\n\t\t<div class="v-loader">\n\t\t\t<div class="v-loaderContent">\n\t\t\t\t<div class="v-loaderBounce1"></div>\n\t\t\t\t<div class="v-loaderBounce2"></div>\n\t\t\t\t<div class="v-loaderBounce3"></div>\n\t\t\t</div>\n\t\t</div>\n\t'}}.apply(t,[s,t]),void 0===i||(e.exports=i)},266:(e,t,s)=>{var i;i=function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){return'<div class="v-overlay"></div>'}}.apply(t,[s,t]),void 0===i||(e.exports=i)},685:(e,t,s)=>{var i;i=function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function({posterUrl:e=""}){return`<div class="v-poster v-active"${e&&` style="background-image: url(${e})"`}></div>`}}.apply(t,[s,t]),void 0===i||(e.exports=i)},420:(e,t,s)=>{"use strict";s(295)},439:(e,t,s)=>{"use strict";s(61)},97:(e,t,s)=>{"use strict";s(261)},736:(e,t,s)=>{"use strict";s(266)},315:(e,t,s)=>{"use strict";s(685)},341:e=>{ | ||
| /** | ||
@@ -17,2 +17,2 @@ * @license MIT | ||
| **/ | ||
| e.exports=function({target:e,selectorString:t,nodeName:s}){if("string"==typeof s&&(s=[s]),Array.isArray(s)&&s.length)return s.map((s=>e.nodeName.toLowerCase()===s&&e.matches(t))).includes(!0)}},566:e=>{"use strict";e.exports='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM9.5 14.67V9.33c0-.79.88-1.27 1.54-.84l4.15 2.67a1 1 0 010 1.68l-4.15 2.67c-.66.43-1.54-.05-1.54-.84z"/></svg>\n'},549:e=>{"use strict";e.exports='<svg class="v-iconPressed" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M6 16h2v2c0 .55.45 1 1 1s1-.45 1-1v-3c0-.55-.45-1-1-1H6c-.55 0-1 .45-1 1s.45 1 1 1zm2-8H6c-.55 0-1 .45-1 1s.45 1 1 1h3c.55 0 1-.45 1-1V6c0-.55-.45-1-1-1s-1 .45-1 1v2zm7 11c.55 0 1-.45 1-1v-2h2c.55 0 1-.45 1-1s-.45-1-1-1h-3c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1zm1-11V6c0-.55-.45-1-1-1s-1 .45-1 1v3c0 .55.45 1 1 1h3c.55 0 1-.45 1-1s-.45-1-1-1h-2z"/></svg>\n'},80:e=>{"use strict";e.exports='<svg class="v-iconUnpressed" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M6 14c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3c.55 0 1-.45 1-1s-.45-1-1-1H7v-2c0-.55-.45-1-1-1zm0-4c.55 0 1-.45 1-1V7h2c.55 0 1-.45 1-1s-.45-1-1-1H6c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1zm11 7h-2c-.55 0-1 .45-1 1s.45 1 1 1h3c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1s-1 .45-1 1v2zM14 6c0 .55.45 1 1 1h2v2c0 .55.45 1 1 1s1-.45 1-1V6c0-.55-.45-1-1-1h-3c-.55 0-1 .45-1 1z"/></svg>\n'},36:e=>{"use strict";e.exports='<svg class="v-iconPressed" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M8 19c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2s-2 .9-2 2v10c0 1.1.9 2 2 2zm6-12v10c0 1.1.9 2 2 2s2-.9 2-2V7c0-1.1-.9-2-2-2s-2 .9-2 2z"/></svg>\n'},323:e=>{"use strict";e.exports='<svg class="v-iconUnpressed" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18a1 1 0 000-1.69L9.54 5.98A.998.998 0 008 6.82z"/></svg>\n'},489:e=>{"use strict";e.exports='<svg class="v-iconUnpressed" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M3 10v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71V6.41c0-.89-1.08-1.34-1.71-.71L7 9H4c-.55 0-1 .45-1 1zm13.5 2A4.5 4.5 0 0014 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 4.45v.2c0 .38.25.71.6.85C17.18 6.53 19 9.06 19 12s-1.82 5.47-4.4 6.5c-.36.14-.6.47-.6.85v.2c0 .63.63 1.07 1.21.85C18.6 19.11 21 15.84 21 12s-2.4-7.11-5.79-8.4c-.58-.23-1.21.22-1.21.85z"/></svg>\n'},903:e=>{"use strict";e.exports='<svg class="v-iconPressed" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M3.63 3.63a.996.996 0 000 1.41L7.29 8.7 7 9H4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71v-4.17l4.18 4.18c-.49.37-1.02.68-1.6.91-.36.15-.58.53-.58.92 0 .72.73 1.18 1.39.91.8-.33 1.55-.77 2.22-1.31l1.34 1.34a.996.996 0 101.41-1.41L5.05 3.63c-.39-.39-1.02-.39-1.42 0zM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-3.83-2.4-7.11-5.78-8.4-.59-.23-1.22.23-1.22.86v.19c0 .38.25.71.61.85C17.18 6.54 19 9.06 19 12zm-8.71-6.29l-.17.17L12 7.76V6.41c0-.89-1.08-1.33-1.71-.7zM16.5 12A4.5 4.5 0 0014 7.97v1.79l2.48 2.48c.01-.08.02-.16.02-.24z"/></svg>\n'}},t={};function s(i){var n=t[i];if(void 0!==n)return n.exports;var r=t[i]={exports:{}};return e[i].call(r.exports,r,r.exports,s),r.exports}s.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return s.d(t,{a:t}),t},s.d=(e,t)=>{for(var i in t)s.o(t,i)&&!s.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var i={};return(()=>{"use strict";s.d(i,{default:()=>n});var e=s(206),t=s.n(e);s(97),s(439),s(420),s(736),s(315);const n=t()})(),i=i.default})())); | ||
| e.exports=function({target:e,selectorString:t,nodeName:s}){if("string"==typeof s&&(s=[s]),Array.isArray(s)&&s.length)return s.map((s=>e.nodeName.toLowerCase()===s&&e.matches(t))).includes(!0)}},566:e=>{"use strict";e.exports='<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 0C4.48 0 0 4.48 0 10s4.48 10 10 10 10-4.48 10-10S15.52 0 10 0ZM7.5 12.67V7.33c0-.79.88-1.27 1.54-.84l4.15 2.67a1 1 0 0 1 0 1.68l-4.15 2.67c-.66.43-1.54-.05-1.54-.84Z"/></svg>'},549:e=>{"use strict";e.exports='<svg class="v-iconPressed" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><path d="M1 11h2v2c0 .55.45 1 1 1s1-.45 1-1v-3c0-.55-.45-1-1-1H1c-.55 0-1 .45-1 1s.45 1 1 1Zm2-8H1c-.55 0-1 .45-1 1s.45 1 1 1h3c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1S3 .45 3 1v2Zm7 11c.55 0 1-.45 1-1v-2h2c.55 0 1-.45 1-1s-.45-1-1-1h-3c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1Zm1-11V1c0-.55-.45-1-1-1S9 .45 9 1v3c0 .55.45 1 1 1h3c.55 0 1-.45 1-1s-.45-1-1-1h-2Z"/></svg>'},80:e=>{"use strict";e.exports='<svg class="v-iconUnpressed" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><path d="M1 9c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3c.55 0 1-.45 1-1s-.45-1-1-1H2v-2c0-.55-.45-1-1-1Zm0-4c.55 0 1-.45 1-1V2h2c.55 0 1-.45 1-1s-.45-1-1-1H1C.45 0 0 .45 0 1v3c0 .55.45 1 1 1Zm11 7h-2c-.55 0-1 .45-1 1s.45 1 1 1h3c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1s-1 .45-1 1v2ZM9 1c0 .55.45 1 1 1h2v2c0 .55.45 1 1 1s1-.45 1-1V1c0-.55-.45-1-1-1h-3c-.55 0-1 .45-1 1Z"/></svg>'},36:e=>{"use strict";e.exports='<svg class="v-iconPressed" viewBox="0 0 12 14" xmlns="http://www.w3.org/2000/svg"><path d="M2 14c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2S0 .9 0 2v10c0 1.1.9 2 2 2ZM8 2v10c0 1.1.9 2 2 2s2-.9 2-2V2c0-1.1-.9-2-2-2S8 .9 8 2Z"/></svg>'},323:e=>{"use strict";e.exports='<svg class="v-iconUnpressed" viewBox="0 0 11 13" xmlns="http://www.w3.org/2000/svg"><path d="M0 1v10.36c0 .79.87 1.27 1.54.84l8.14-5.18a1 1 0 0 0 0-1.69L1.54.16A.998.998 0 0 0 0 1Z"/></svg>'},489:e=>{"use strict";e.exports='<svg class="v-iconUnpressed" viewBox="0 0 18 17" xmlns="http://www.w3.org/2000/svg"><path d="M0 6.461v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71V2.871c0-.89-1.08-1.34-1.71-.71L4 5.461H1c-.55 0-1 .45-1 1Zm13.5 2a4.5 4.5 0 0 0-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02ZM11 .911v.2c0 .38.25.71.6.85a7.004 7.004 0 0 1 4.4 6.5c0 2.94-1.82 5.47-4.4 6.5-.36.14-.6.47-.6.85v.2c0 .63.63 1.07 1.21.85a8.98 8.98 0 0 0 5.79-8.4c0-3.84-2.4-7.11-5.79-8.4-.58-.23-1.21.22-1.21.85Z"/></svg>'},903:e=>{"use strict";e.exports='<svg class="v-iconPressed" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M.63.292a.996.996 0 0 0 0 1.41l3.66 3.66-.29.3H1c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71v-4.17l4.18 4.18c-.49.37-1.02.68-1.6.91-.36.15-.58.53-.58.92 0 .72.73 1.18 1.39.91.8-.33 1.55-.77 2.22-1.31l1.34 1.34a.997.997 0 1 0 1.41-1.41L2.05.293c-.39-.39-1.02-.39-1.42 0ZM16 8.662c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-3.83-2.4-7.11-5.78-8.4-.59-.23-1.22.23-1.22.86v.19c0 .38.25.71.61.85 2.57 1.04 4.39 3.56 4.39 6.5Zm-8.71-6.29-.17.17L9 4.422v-1.35c0-.89-1.08-1.33-1.71-.7Zm6.21 6.29a4.5 4.5 0 0 0-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24Z"/></svg>'}},t={};function s(i){var n=t[i];if(void 0!==n)return n.exports;var r=t[i]={exports:{}};return e[i].call(r.exports,r,r.exports,s),r.exports}s.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return s.d(t,{a:t}),t},s.d=(e,t)=>{for(var i in t)s.o(t,i)&&!s.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var i={};return(()=>{"use strict";s.d(i,{default:()=>n});var e=s(206),t=s.n(e);s(97),s(439),s(420),s(736),s(315);const n=t()})(),i=i.default})())); |
| { | ||
| "name": "vlitejs", | ||
| "version": "4.0.7", | ||
| "description": "vLitejs is a fast and lightweight Javascript library for customizing video and audio player in Javascript with a minimalist theme (HTML5, Youtube, Vimeo)", | ||
| "version": "4.1.0", | ||
| "description": "vLitejs is a fast and lightweight Javascript library for customizing video and audio player in Javascript with a minimalist theme (HTML5, Youtube, Vimeo, Dailymotion)", | ||
| "keywords": [ | ||
@@ -11,5 +11,11 @@ "video", | ||
| "vimeo", | ||
| "dailymotion", | ||
| "player", | ||
| "youtube api", | ||
| "vimeo api" | ||
| "vimeo api", | ||
| "pip", | ||
| "picture-in-picture", | ||
| "subtitle", | ||
| "cast", | ||
| "chromecast" | ||
| ], | ||
@@ -52,38 +58,41 @@ "homepage": "https://vlite.js.org", | ||
| "devDependencies": { | ||
| "@babel/core": "^7.18.6", | ||
| "@babel/core": "^7.18.10", | ||
| "@babel/plugin-proposal-class-properties": "^7.18.6", | ||
| "@babel/preset-env": "^7.18.6", | ||
| "babel-eslint": "^10.0.3", | ||
| "@babel/preset-env": "^7.18.10", | ||
| "@typescript-eslint/eslint-plugin": "^5.33.0", | ||
| "@typescript-eslint/parser": "^5.33.0", | ||
| "babel-loader": "^8.2.5", | ||
| "css-loader": "^5.2.1", | ||
| "css-minimizer-webpack-plugin": "^2.0.0", | ||
| "eslint": "^7.24.0", | ||
| "eslint-config-standard": "^16.0.2", | ||
| "css-loader": "^6.7.1", | ||
| "css-minimizer-webpack-plugin": "^4.0.0", | ||
| "eslint": "^8.21.0", | ||
| "eslint-config-prettier": "^8.5.0", | ||
| "eslint-config-standard": "^17.0.0", | ||
| "eslint-plugin-import": "^2.26.0", | ||
| "eslint-plugin-n": "^15.2.4", | ||
| "eslint-plugin-node": "^11.1.0", | ||
| "eslint-plugin-prettier": "^3.3.1", | ||
| "eslint-plugin-promise": "^5.1.0", | ||
| "eslint-plugin-standard": "^5.0.0", | ||
| "eslint-plugin-prettier": "^4.2.1", | ||
| "eslint-plugin-promise": "^6.0.0", | ||
| "html-webpack-plugin": "^5.3.1", | ||
| "markdownlint-cli2": "^0.3.2", | ||
| "mini-css-extract-plugin": "^1.4.1", | ||
| "postcss": "^8.4.14", | ||
| "mini-css-extract-plugin": "^2.6.1", | ||
| "postcss": "^8.4.16", | ||
| "postcss-custom-media": "^8.0.2", | ||
| "postcss-import": "^14.1.0", | ||
| "postcss-loader": "^5.2.0", | ||
| "postcss-loader": "^7.0.1", | ||
| "postcss-nested": "^5.0.6", | ||
| "postcss-preset-env": "^6.7.0", | ||
| "postcss-preset-env": "^7.7.2", | ||
| "postcss-url": "^10.1.1", | ||
| "prettier": "^2.7.1", | ||
| "style-loader": "^2.0.0", | ||
| "stylelint": "^13.12.0", | ||
| "stylelint-config-standard": "^21.0.0", | ||
| "stylelint-prettier": "^1.2.0", | ||
| "style-loader": "^3.3.1", | ||
| "stylelint": "^14.10.0", | ||
| "stylelint-config-prettier": "^9.0.3", | ||
| "stylelint-config-standard": "^27.0.0", | ||
| "stylelint-prettier": "^2.0.0", | ||
| "terser-webpack-plugin": "^5.3.3", | ||
| "ts-loader": "^9.3.1", | ||
| "typescript": "^4.7.4", | ||
| "webpack": "^5.64.0", | ||
| "webpack": "^5.74.0", | ||
| "webpack-cli": "^4.9.1", | ||
| "webpack-dev-server": "^4.7.3", | ||
| "webpack-manifest-plugin": "^3.1.0" | ||
| "webpack-dev-server": "^4.10.0", | ||
| "webpack-manifest-plugin": "^5.0.0" | ||
| }, | ||
@@ -90,0 +99,0 @@ "engines": { |
@@ -16,3 +16,3 @@ # vLitejs | ||
| - If you are concerned about your app's loading performance, this library makes sense as it is extremely lightweight compared to the competition (only 6 KB). | ||
| - It is quite rare to need to be compatible with HTML5, Youtube and Vimeo at the same time. The library contains by default only HTML5 capabilities and exposed the Provider API to extend capabilities with other providers. | ||
| - It is quite rare to need to be compatible with HTML5, Youtube, Vimeo and Dailymotion at the same time. The library contains by default only HTML5 capabilities and exposed the Provider API to extend capabilities with other providers. | ||
| - If you need specific behaviors, the plugin API allows to extends the library capabilities. | ||
@@ -35,3 +35,3 @@ - If you need to create a video or audio player with a custom skin harmonized for all web browsers. | ||
| - **Video & audio** - [HTML5 video](./src/providers/html5/README.md), [HTML5 audio](./src/providers/html5/README.md), [Youtube](./src/providers/youtube/README.md), [Vimeo](./src/providers/vimeo/README.md). | ||
| - **Video & audio** - [HTML5 video](./src/providers/html5/README.md), [HTML5 audio](./src/providers/html5/README.md), [Youtube](./src/providers/youtube/README.md), [Vimeo](./src/providers/vimeo/README.md), [Dailymotion](./src/providers/dailymotion/README.md). | ||
| - **Customization** - Choose the control elements you want to display. | ||
@@ -44,5 +44,6 @@ - **No dependency** - Written in native Javascript without any framework. | ||
| - [**Events**](#Events) - Standardized events for all web browsers, providers and plugins. | ||
| - **Autoload API** - Youtube and Vimeo API are automatically loaded by their provider. | ||
| - **Autoload API** - Youtube, Vimeo and Dailymotion API are automatically loaded by their provider. | ||
| - [**Subtitles**](./src/plugins/subtitle/README.md) - Supports multiple subtitle tracks (VTT). | ||
| - [**Picture-in-Picture**](./src/plugins/pip/README.md) - Supports Picture-in-Picture API. | ||
| - [**Cast**](./src/plugins/cast/README.md) - Supports for Google Cast API. | ||
| - **Playsinline** - Supports the `playsinline` attribute. | ||
@@ -70,2 +71,3 @@ - **SVG icons** - SVG are inlined into the library, no sprites to includes. | ||
| - [Vimeo](https://jsfiddle.net/yoriiis/dazey3w5) | ||
| - [Dailymotion](https://jsfiddle.net/yoriiis/rf3mtjhx) | ||
@@ -102,3 +104,3 @@ ## Installation | ||
| ```html | ||
| <video id="player" class="vlite-js" src="/path/to/video.mp4"></video> | ||
| <video id="player" class="vlite-js" src="<path_to_video_mp4>"></video> | ||
| ``` | ||
@@ -109,3 +111,3 @@ | ||
| ```html | ||
| <audio id="player" class="vlite-js" src="/path/to/audio.mp3"></audio> | ||
| <audio id="player" class="vlite-js" src="<path_to_audio_mp3>"></audio> | ||
| ``` | ||
@@ -116,3 +118,3 @@ | ||
| ```html | ||
| <div id="player" class="vlite-js" data-youtube-id="C4qgAaxB_pc"></div> | ||
| <div id="player" class="vlite-js" data-youtube-id="<video_id>"></div> | ||
| ``` | ||
@@ -123,5 +125,11 @@ | ||
| ```html | ||
| <div id="player" class="vlite-js" data-vimeo-id="162391385"></div> | ||
| <div id="player" class="vlite-js" data-vimeo-id="<video_id>"></div> | ||
| ``` | ||
| #### Dailymotion | ||
| ```html | ||
| <div id="player" class="vlite-js" data-dailymotion-id="<video_id>"></div> | ||
| ``` | ||
| ### Initialization | ||
@@ -218,3 +226,3 @@ | ||
| The callback function `onReady` is automatically executed when the player is ready. The HTML5 video and audio listen to the `canplay|loadedmetadata` event. The Youtube and Vimeo provider listen to the `onready` event returned by their API. | ||
| The callback function `onReady` is automatically executed when the player is ready. The HTML5 video and audio listen to the `canplay|loadedmetadata` event. The Youtube, Vimeo and Dailymotion provider listen to the `onready` event returned by their API. | ||
@@ -237,3 +245,3 @@ The function exposes the `player` parameter as the player instance. You can use it to interact with the player instance and the [player methods](#Methods). | ||
| `vLitejs` exposes the following native `Event` on the `.v-vlite` element. Events are standardized for all providers, even for Youtube and Vimeo. | ||
| `vLitejs` exposes the following native `Event` on the `.v-vlite` element. Events are standardized for all providers, even for Youtube, Vimeo and Dailymotion. | ||
@@ -325,4 +333,2 @@ | Event Type | Description | | ||
| | `--vlite-controlsOpacity` | `0.9` | Controls opacity | | ||
| | `--vlite-controlsIconWidth` | `28px` | Controls icon width | | ||
| | `--vlite-controlsIconHeight` | `28px` | Controls icon height | | ||
| | `--vlite-progressBarHeight` | `5px` | Progress bar height | | ||
@@ -329,0 +335,0 @@ | `--vlite-progressBarBackground` | `rgba(0 0 0 / 25%)` | Progress bar background | |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
91421
25.07%- Number of package files
14
40%- Lines of code
188
10.59%- Number of lines in readme file
361
1.69%Worsened metrics
- Dev dependency count
39
8.33%- Number of medium supply chain risk alerts
1
Infinity%No dependency changes