@latest-thinking/lt-player 1.0.7-b → 1.0.7-c

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@latest-thinking/lt-player",
-  "version": "1.0.7-b",
+  "version": "1.0.7-c",
   "description": "LT player.",
   "main": "dist/js/lt-player-main.js",
   "module": "dist/js/lt-player-main.js",

package/src/components/LTPlayerSetup.ts

@@ -180,6 +180,13 @@ export class LTPlayerSetup {
         const processVideo = () => {
             let videoTag = document.createElement('video');
             videoTag.src = url;
+
+            if (url.includes('.m3u8')) {
+                return new Promise((resolve) => {
+                    resolve('portrait')
+                })
+            }
+
             return new Promise((resolve) => {
                 videoTag.addEventListener( "loadedmetadata", function (e) {
                     if (this.videoWidth > this.videoHeight) {

package/src/components/controls/LTPlayerControlsEvents.ts

@@ -607,7 +607,6 @@ export namespace LTPlayerControlsEvents  {
                         }
                     }, 4000);
                 }
-                console.log('hide;')
                 eventsInstance.common.subtitlesShow(instance);
             }
         }

package/src/components/events/LTPlayerDesktop.ts

@@ -65,7 +65,7 @@ export class LTPlayerDesktop extends LTPlayerCommon implements EventsInterfaces
                 }
                 eventManager.onReadyPlayer();
                 eventManager.modal(instance);
-                instance.posterManager.desktopEvents.buttons(instance);
+                instance.posterManager.desktopEvents.posterBody(instance);
 
                 if (instance.playerConfig.getPreload()) {
                     eventManager.preloadPoster.ready(instance);
@@ -118,7 +118,7 @@ export class LTPlayerDesktop extends LTPlayerCommon implements EventsInterfaces
                 plyr.embed.ready().then (function LTPlayerEmbedReady() {
                     eventManager.modal(instance);
                     eventManager.onReadyPlayer();
-                    instance.posterManager.desktopEvents.buttons(instance);
+                    instance.posterManager.desktopEvents.posterBody(instance);
                     if (instance.playerConfig.getPreload()) {
                         eventManager.preloadPoster.ready(instance);
                     }

package/src/components/events/LTPlayerMobile.ts

@@ -61,7 +61,7 @@ export class LTPlayerMobile extends LTPlayerCommon implements EventsInterfaces {
                 }
 
                 eventManager.onReadyPlayer();
-                instance.posterManager.mobileEvents.buttons(instance);
+                instance.posterManager.mobileEvents.posterBody(instance);
 
                 instance.playerControl.mobileEvents.seekBar(instance);
 
@@ -102,11 +102,11 @@ export class LTPlayerMobile extends LTPlayerCommon implements EventsInterfaces {
         let plyr: Plyr = this.plyr;
 
         if (plyr.isEmbed) {
-            plyr.on('ready', function LTPLayerMobileReadyEmbed() {
-                plyr.embed.ready().then(function LTPlayerEmbedReady() {
+            plyr.on('ready', function LTPLayerMobileReadyEmbed(): void {
+                plyr.embed.ready().then(function LTPlayerEmbedReady():void {
                     eventManager.onReadyPlayer();
                     instance.playerControl.mobileEvents.seekBar(instance);
-                    instance.posterManager.mobileEvents.buttons(instance);
+                    instance.posterManager.mobileEvents.posterBody(instance);
                     if (instance.playerConfig.getPreload()) {
                         eventManager.preloadPoster.ready(instance);
                     }

package/src/components/poster/LTPlayerPosterEvents.ts

@@ -78,50 +78,57 @@ export namespace LTPlayerPosterEvents {
 
     export class Desktop {
         /**
-         * Add play event on poster buttons
+         * Add play event on poster
          */
-        buttons(instance: LTPlayer.PortraitType | LTPlayer.LandscapeType) {
+        posterBody(instance: LTPlayer.PortraitType | LTPlayer.LandscapeType) {
 
-            const common = new LTPlayerPosterEvents.Common();
+            const common: Common = new LTPlayerPosterEvents.Common();
 
-            common.poster.getButtons(instance)?.forEach(button => {
-                button.addEventListener('click', function LTPlayerPosterButtons(event) {
+            const playerContainer: HTMLElement = instance.plyr.elements.container;
+            const posterBody: HTMLElement = playerContainer.querySelector('.lt-player__poster__body');
+
+
+            if (posterBody) {
+                posterBody.addEventListener('click', function LTPlayerPosterButtons(event) {
                     event.preventDefault();
                     instance.playerControl.desktopEvents.titleLineBreak(instance);
                     instance.playerControl.desktopEvents.playPauseIcon(instance, 'timeupdate');
                     common.poster.reset(instance);
                 })
-            });
+            }
         }
     }
 
     export class Mobile {
         /**
-         * Add play event on poster buttons mobile
+         * Add play event on poster mobile
          */
-        buttons(instance: LTPlayer.PortraitType | LTPlayer.LandscapeType) {
+        posterBody(instance: LTPlayer.PortraitType | LTPlayer.LandscapeType) {
 
-            const playerControlsContainer = instance.plyr.elements.controls;
-            const playerContainer = instance.plyr.elements.container;
-            const common = new LTPlayerPosterEvents.Common();
+            const playerContainer: HTMLElement = instance.plyr.elements.container;
+            const playerPoster: Element = playerContainer.querySelector('.plyr__poster');
+            const playerBody: Element = playerContainer.querySelector('.lt-player__poster__body');
+            const common: Common = new LTPlayerPosterEvents.Common();
 
-            common.poster.getButtons(instance)?.forEach(button => {
-                let mobileEvent: HammerManager = instance.eventInstance.mobileEvents.setMobileEvent(button);
+            let mobileEvent: HammerManager = instance.eventInstance.mobileEvents.setMobileEvent(playerBody);
 
-                if (mobileEvent) {
-                    mobileEvent.on('singletap', function LTPlayerMobilePosterButtons() {
+            if (mobileEvent) {
+                mobileEvent.on('singletap', function LTPlayerMobilePosterPlay() {
 
-                        instance.playerControl.desktopEvents.titleLineBreak(instance);
+                    if (playerPoster.classList.contains('d-none')) {
+                        return;
+                    }
+
+                    instance.playerControl.desktopEvents.titleLineBreak(instance);
 
-                        instance.playerControl.mobileEvents.playPauseIcon(instance, 'timeupdate');
-                        common.poster.reset(instance);
+                    instance.playerControl.mobileEvents.playPauseIcon(instance, 'timeupdate');
+                    common.poster.reset(instance);
 
-                        playerContainer.classList.remove('plyr__poster-enabled');
+                    playerContainer.classList.remove('plyr__poster-enabled');
 
-                        instance.playerControl.mobileEvents.showControls(instance);
-                    });
-                }
-            });
+                    instance.playerControl.mobileEvents.showControls(instance);
+                });
+            }
         }
 
         /**
@@ -138,9 +145,9 @@ export namespace LTPlayerPosterEvents {
         }
 
         showControls(instance: LTPlayer.PortraitType | LTPlayer.LandscapeType) {
-            const playerContainer = instance.plyr.elements.container;
-            const playerControlsContainer = instance.plyr.elements.controls;
-            const playerPoster = playerContainer.querySelector('.plyr__poster');
+            const playerContainer: HTMLElement = instance.plyr.elements.container;
+            const playerControlsContainer: HTMLElement = instance.plyr.elements.controls;
+            const playerPoster: Element = playerContainer.querySelector('.plyr__poster');
 
 
             let mobileEvent: HammerManager = instance.eventInstance.mobileEvents.setMobileEvent(playerPoster);
@@ -153,7 +160,5 @@ export namespace LTPlayerPosterEvents {
                 });
             }
         }
-
-
     }
 }