@latest-thinking/lt-player 1.0.6-a → 1.0.6-b

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/dist/css/lt-player-main.css +1 -1
  2. package/dist/css/lt-player-main.css.map +1 -1
  3. package/dist/js/lt-player-main.js +1 -1
  4. package/dist/js/lt-player-main.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/assets/sass/sections/_share.scss +145 -0
  7. package/src/components/LTPlayerSetup.ts +0 -1
  8. package/src/components/LTPlayerType.ts +10 -12
  9. package/src/components/config/LTPlayerConfig.ts +25 -11
  10. package/src/components/events/LTPlayerCommon.ts +5 -2
  11. package/src/components/events/LTPlayerDesktop.ts +4 -0
  12. package/src/components/events/LTPlayerMobile.ts +2 -0
  13. package/src/components/share/LTPlayerShareDesktop.ts +120 -0
  14. package/src/components/share/LTPlayerShareEvents.ts +30 -132
  15. package/src/components/share/{LTPlayerShare.ts → LTPlayerShareManager.ts} +26 -8
  16. package/src/components/share/LTPlayerShareMobile.ts +154 -0
  17. package/src/components/video/LTPlayerVideo.ts +49 -0
  18. package/src/global/controllers/LTPlayerController.ts +6 -3
  19. package/src/views/share.handlebars +36 -33
package/src/components/share/{LTPlayerShare.ts → LTPlayerShareManager.ts} RENAMED
@@ -4,37 +4,55 @@ import {IconsService} from "../../services/IconsService";
4
4
  import {TemplateService} from "../../services/TemplateService";
5
5
  import {LTPlayerShareEvents} from "./LTPlayerShareEvents";
6
6
  import {shareType} from "../../global/types/ModuleTypes";
7
+ import {LTPlayerShareDesktop} from "./LTPlayerShareDesktop";
8
+ import {LTPlayerShareMobile} from "./LTPlayerShareMobile";
7
9
 
8
- export class LTPlayerShare {
10
+ export class LTPlayerShareManager {
9
11
  instance: LTPlayer.LandscapeType | LTPlayer.PortraitType
10
12
  playerConfig: LTPlayerConfig
11
13
  iconService: IconsService
12
14
  templateService: TemplateService
13
- events: shareType = { desktop: new LTPlayerShareEvents.desktop(), mobile: new LTPlayerShareEvents.mobile() }
14
-
15
- constructor() {
15
+ events: shareType = {
16
+ desktop : undefined,
17
+ mobile : undefined
16
18
  }
19
+ desktop : LTPlayerShareDesktop
20
+ mobile: LTPlayerShareMobile
17
21
 
18
22
  init(instance: LTPlayer.LandscapeType | LTPlayer.PortraitType) {
19
23
  this.instance = instance;
20
24
  this.playerConfig = instance.playerConfig;
21
25
  this.templateService = instance.templateService;
22
26
  this.iconService = instance.iconService;
23
- this.setTemplate();
24
27
  this.appendScriptTag();
28
+ this.setByDevice();
25
29
  }
26
30
 
27
- setTemplate() {
28
- const playerContainer = this.instance.plyr.elements.wrapper;
29
- playerContainer.insertAdjacentHTML("afterend", this.templateService.getShare(this.playerConfig.getShareData()));
31
+ setByDevice() {
32
+ switch (this.playerConfig.getDevice()) {
33
+ case "desktop":
34
+ this.desktop = new LTPlayerShareDesktop(this);
35
+ this.events.desktop = new LTPlayerShareEvents.desktop(this);
36
+ break
37
+ case "mobile":
38
+ this.mobile = new LTPlayerShareMobile(this);
39
+ this.events.mobile = new LTPlayerShareEvents.mobile(this)
40
+ }
30
41
  }
31
42
 
32
43
  appendScriptTag() {
33
44
  const script = document.createElement("script");
45
+ script.classList.add('lt-player-add-to-any')
34
46
  script.type = "text/javascript";
35
47
  script.src = "https://static.addtoany.com/menu/page.js";
36
48
  script.async;
37
49
  document.body.appendChild(script);
38
50
  }
39
51
 
52
+ removeScriptTag() {
53
+ const script = document.querySelector('.lt-player-add-to-any');
54
+ if(script) {
55
+ script.remove();
56
+ }
57
+ }
40
58
  }
package/src/components/share/LTPlayerShareMobile.ts ADDED
@@ -0,0 +1,154 @@
1
+ import {LTPlayerShareManager} from "./LTPlayerShareManager";
2
+
3
+ export class LTPlayerShareMobile {
4
+
5
+ manager : LTPlayerShareManager
6
+ isPlaying : boolean
7
+
8
+ constructor(instance : LTPlayerShareManager) {
9
+ this.manager = instance;
10
+ }
11
+
12
+ activeModal() {
13
+ if (!this.manager.playerConfig.getShareData().canonicalUrl) {
14
+ if (!this.manager.playerConfig.getShareData().embedUrl) {
15
+ return
16
+ } else {
17
+ this.createModal();
18
+ this.setCopyContent(true);
19
+ }
20
+ } else {
21
+ this.createModal();
22
+ this.setCopyContent(false);
23
+ }
24
+
25
+ (window as any).a2a.init_all();
26
+
27
+ this.setCopyButtonsEvents()
28
+ this.setSwitchButton()
29
+
30
+ if (this.manager.instance.plyr.playing) {
31
+ this.isPlaying = true;
32
+ this.manager.instance.plyr.pause();
33
+ } else {
34
+ this.isPlaying = false;
35
+ }
36
+
37
+ setTimeout(() => {
38
+ const shareContainer = document.querySelector('.share-controller-wrapper');
39
+ const shareContainerHeader = document.querySelector('.share-controller-mobile-modal-header');
40
+ let instance = this;
41
+
42
+ if (shareContainer) {
43
+ let mobileEvent: HammerManager = this.manager.instance.eventInstance.mobileEvents.setMobileEvent(shareContainer);
44
+ if (mobileEvent) {
45
+ mobileEvent.on('singletap', function LTPlayerMobileShareButtonsExit(event) {
46
+ event.preventDefault();
47
+ let target = event.target as HTMLElement;
48
+ if (!target.classList.contains('player-lt__close-button') && !target.classList.contains('lt-player-mobile-share')) {
49
+ instance.inactiveModal();
50
+ }
51
+ })
52
+ }
53
+ }
54
+
55
+ if (shareContainerHeader) {
56
+ let mobileEvent: HammerManager = this.manager.instance.eventInstance.mobileEvents.setMobileEvent(shareContainer);
57
+ if (mobileEvent) {
58
+ mobileEvent.on('pan', function LTPlayerMobileShareButtonsExitPan(event) {
59
+ event.preventDefault();
60
+ let target = event.target as HTMLElement;
61
+ if (!target.classList.contains('player-lt__close-button') ) {
62
+ instance.inactiveModal();
63
+ }
64
+ })
65
+ }
66
+ }
67
+ }, 100)
68
+ }
69
+ setSwitchButton() {
70
+ const switchButton = document.querySelector('.share-controller-wrapper').querySelector('.button_embed');
71
+ const urlInput = document.querySelector('.share-controller-wrapper').querySelector('.share-controller-url');
72
+ const instance = this.manager.instance;
73
+
74
+ if (!instance.playerConfig.getShareData().embedUrl || !instance.playerConfig.getShareData().canonicalUrl) {
75
+ switchButton.classList.add('d-none');
76
+ return;
77
+ }
78
+
79
+ switchButton.addEventListener('click', () => {
80
+ if (urlInput.classList.contains('canonicalUrl')) {
81
+ urlInput.classList.remove('canonicalUrl');
82
+ urlInput.classList.add('embedUrl');
83
+ this.setCopyContent(true);
84
+ } else {
85
+ urlInput.classList.add('canonicalUrl');
86
+ urlInput.classList.remove('embedUrl');
87
+ this.setCopyContent(false);
88
+ }
89
+ })
90
+ }
91
+
92
+ setCopyButtonsEvents() {
93
+ const selectors = document.querySelectorAll('.share-controller-link');
94
+ const urlInput = document.querySelector('.share-controller-wrapper').querySelector('.share-controller-url');
95
+
96
+ if (selectors.length > 0) {
97
+ selectors.forEach((button: HTMLElement) => {
98
+ button.addEventListener('click', function LTPlayerShareCopy() {
99
+ navigator.clipboard.writeText((urlInput as HTMLElement).dataset.copy);
100
+ })
101
+
102
+ })
103
+ }
104
+ }
105
+
106
+ setCopyContent(embed : boolean) {
107
+ const urlInput = document.querySelector('.share-controller-wrapper').querySelector('.share-controller-url');
108
+
109
+ if (!urlInput) {
110
+ return;
111
+ }
112
+
113
+ if (!embed) {
114
+ urlInput.classList.add('canonicalUrl');
115
+ urlInput.innerHTML = `${this.manager.instance.playerConfig.getShareData().canonicalUrl}`;
116
+ (urlInput as HTMLElement).dataset.copy = this.manager.instance.playerConfig.getShareData().canonicalUrl;
117
+ urlInput.addEventListener('click', () => {
118
+ window.open(this.manager.instance.playerConfig.getShareData().canonicalUrl)
119
+ })
120
+ return
121
+ }
122
+ urlInput.classList.add('embedUrl');
123
+ const iframe = `<iframe width="560" height="315" src="${this.manager.instance.playerConfig.getShareData().embedUrl}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>`;
124
+ (urlInput as HTMLElement).innerText = iframe;
125
+ (urlInput as HTMLElement).dataset.copy = iframe;
126
+ }
127
+
128
+ createModal() {
129
+
130
+ let modalTemplate = this.manager.instance.templateService.getShare(this.manager.playerConfig.getShareData());
131
+
132
+ const modal = document.createElement('div');
133
+ modal.classList.add('lt-player-mobile-share-modal')
134
+ modal.innerHTML = modalTemplate;
135
+
136
+ const body = document.querySelector('body');
137
+
138
+ if (body) {
139
+ body.appendChild(modal);
140
+ }
141
+ }
142
+
143
+ inactiveModal() {
144
+ const modal = document.querySelector('.lt-player-mobile-share-modal');
145
+
146
+ if (modal) {
147
+ modal.remove();
148
+ }
149
+
150
+ if (this.isPlaying) {
151
+ this.manager.instance.plyr.play();
152
+ }
153
+ }
154
+ }
package/src/components/video/LTPlayerVideo.ts ADDED
@@ -0,0 +1,49 @@
1
+ import {LTPlayer} from "../LTPlayerType";
2
+ import {LTPlayerConfig} from "../config/LTPlayerConfig";
3
+ import Plyr from "plyr";
4
+
5
+ export class LTPlayerVideo {
6
+ instanceType : LTPlayer.LandscapeType | LTPlayer.PortraitType
7
+ playerConfig : LTPlayerConfig
8
+ plyr : Plyr
9
+ objectFit: string
10
+ init(instance: LTPlayer.LandscapeType | LTPlayer.PortraitType) {
11
+ this.instanceType = instance;
12
+ this.playerConfig = instance.playerConfig;
13
+ this.plyr = instance.plyr;
14
+ this.objectFit =instance.playerConfig.getObjectFit();
15
+ this.appendObjectFit();
16
+ }
17
+
18
+ appendObjectFit() {
19
+ if (!this.objectFit) {
20
+ return;
21
+ }
22
+
23
+ if (!this.plyr.isHTML5) {
24
+ return;
25
+ }
26
+
27
+ const videoTag = this.plyr.elements.wrapper.querySelector('video');
28
+
29
+ if (this.objectFit === 'cover') {
30
+ videoTag.style.objectFit = this.objectFit;
31
+ }
32
+ }
33
+
34
+ removeObjectFit() {
35
+ if (!this.objectFit) {
36
+ return;
37
+ }
38
+
39
+ if (!this.plyr.isHTML5) {
40
+ return;
41
+ }
42
+
43
+ const videoTag = this.plyr.elements.wrapper.querySelector('video');
44
+
45
+ if (this.objectFit === 'cover') {
46
+ videoTag.style.objectFit = null;
47
+ }
48
+ }
49
+ }
package/src/global/controllers/LTPlayerController.ts CHANGED
@@ -10,8 +10,9 @@ import {LTPlayerMini} from "../../components/controls/LTPlayerMini";
10
10
  import {LTPlayerDevMethode} from "../../components/LTPlayerDevMethode";
11
11
  import {LTPlayerEventsManager} from "../../components/LTPlayerEventsManager";
12
12
  import {LTPlayerPosterManager} from "../../components/poster/LTPlayerPosterManager";
13
- import {LTPlayerShare} from "../../components/share/LTPlayerShare";
13
+ import {LTPlayerShareManager} from "../../components/share/LTPlayerShareManager";
14
14
  import {LTPlayerHls} from "../../components/LTPlayerHls";
15
+ import {LTPlayerVideo} from "../../components/video/LTPlayerVideo";
15
16
 
16
17
  /**
17
18
  * Default Player type Service
@@ -32,8 +33,9 @@ export class LTPlayerController {
32
33
  devMethodePreload: LTPlayerDevMethode.Preload
33
34
  eventInstance: LTPlayerEventsManager
34
35
  posterManager : LTPlayerPosterManager
35
- share : LTPlayerShare
36
+ share : LTPlayerShareManager
36
37
  hls : LTPlayerHls
38
+ videoService : LTPlayerVideo
37
39
  /**
38
40
  * Base player type service
39
41
  */
@@ -43,6 +45,7 @@ export class LTPlayerController {
43
45
  this.templateService = new TemplateService();
44
46
  this.playerControl = new LTPlayerControls(this.templateService);
45
47
  this.posterManager = new LTPlayerPosterManager();
46
- this.share = new LTPlayerShare();
48
+ this.share = new LTPlayerShareManager();
49
+ this.videoService = new LTPlayerVideo();
47
50
  }
48
51
  }
package/src/views/share.handlebars CHANGED
@@ -1,60 +1,63 @@
1
- <div class="share-controller">
1
+ <div class="share-controller lt-player-mobile-share">
2
2
  <div class="share-controller-wrapper share-inactive">
3
- <div class="share-controller-content">
4
- <span class="line-button"></span>
5
- <div class="share-controller-frame">
3
+ <div class="share-controller-content lt-player-mobile-share">
4
+ <div class="share-controller-mobile-modal-header lt-player-mobile-share">
5
+ <span class="line-button lt-player-mobile-share"></span>
6
+ </div>
7
+ <span class="line-button lt-player-mobile-share"></span>
8
+ <div class="share-controller-frame lt-player-mobile-share">
6
9
  <!-- <div class="player-lt__close-button-e">-->
7
10
  <!-- <span class="player-lt__close-button">×</span>-->
8
11
  <!-- </div>-->
9
- <div class="share-controller-top">
10
- <div class="share-controller-title">
11
- <h3>Share this video</h3>
12
+ <div class="share-controller-top lt-player-mobile-share">
13
+ <div class="share-controller-title lt-player-mobile-share">
14
+ <h3 class="lt-player-mobile-share">Share this video</h3>
12
15
  </div>
13
- <div class="share-controller-link-wrapper">
14
- <span class="share-controller-url" data-lt-player-copy=""></span>
15
- <button class="share-controller-link" type="button">Copy</button>
16
+ <div class="share-controller-link-wrapper lt-player-mobile-share">
17
+ <span class="share-controller-url lt-player-mobile-share" data-lt-player-copy=""></span>
18
+ <button class="share-controller-link lt-player-mobile-share" type="button">Copy</button>
16
19
  </div>
17
- <hr class="share-controller-hr">
20
+ <hr class="share-controller-hr lt-player-mobile-share">
18
21
  </div>
19
- <div class="share-controller-via">
20
- <h3>You can also share via:</h3>
22
+ <div class="share-controller-via lt-player-mobile-share">
23
+ <h3 class="lt-player-mobile-share">You can also share via:</h3>
21
24
  </div>
22
- <div class="a2a_kit a2a_kit_size_32 a2a_default_style share-controller-icons" data-a2a-url="{{canonicalUrl}}" data-a2a-title="{{title}}">
23
- <a class="a2a_button_embed">
24
- <span class="share-icon__icon">
25
- <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
25
+ <div class="a2a_kit a2a_kit_size_32 a2a_default_style share-controller-icons lt-player-mobile-share" data-a2a-url="{{canonicalUrl}}" data-a2a-title="{{title}}">
26
+ <a class="button_embed lt-player-mobile-share">
27
+ <span class="share-icon__icon lt-player-mobile-share">
28
+ <svg class="lt-player-mobile-share" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
26
29
  <path d="M8.00028 17.0003C7.74428 17.0003 7.48825 16.9023 7.29325 16.7073L3.29325 12.7073C2.90225 12.3163 2.90225 11.6843 3.29325 11.2933L7.29325 7.29325C7.68425 6.90225 8.31631 6.90225 8.70731 7.29325C9.09831 7.68425 9.09831 8.31631 8.70731 8.70731L5.41434 12.0003L8.70731 15.2933C9.09831 15.6843 9.09831 16.3163 8.70731 16.7073C8.51231 16.9023 8.25628 17.0003 8.00028 17.0003Z" fill="#27282A"/>
27
30
  <path d="M16.0007 17.0003C16.2567 17.0003 16.5127 16.9023 16.7077 16.7073L20.7077 12.7073C21.0987 12.3163 21.0987 11.6843 20.7077 11.2933L16.7077 7.29325C16.3167 6.90225 15.6847 6.90225 15.2937 7.29325C14.9027 7.68425 14.9027 8.31631 15.2937 8.70731L18.5866 12.0003L15.2937 15.2933C14.9027 15.6843 14.9027 16.3163 15.2937 16.7073C15.4887 16.9023 15.7447 17.0003 16.0007 17.0003Z" fill="#27282A"/>
28
31
  </svg>
29
32
  </span>
30
33
  </a>
31
- <a class="a2a_button_facebook">
32
- <span class="share-icon__icon">
33
- <svg width="10" height="20" viewBox="0 0 10 20" fill="none" xmlns="http://www.w3.org/2000/svg">
34
+ <a class="a2a_button_facebook lt-player-mobile-share">
35
+ <span class="share-icon__icon lt-player-mobile-share">
36
+ <svg class="lt-player-mobile-share" width="10" height="20" viewBox="0 0 10 20" fill="none" xmlns="http://www.w3.org/2000/svg">
34
37
  <path d="M2.55277 20V10.6154H0V7.23652H2.55277V4.3505C2.55277 2.08264 4.0607 0 7.53529 0C8.9421 0 9.98237 0.1311 9.98237 0.1311L9.9004 3.28642C9.9004 3.28642 8.83949 3.27638 7.68178 3.27638C6.42879 3.27638 6.22804 3.83768 6.22804 4.7693V7.23652H10L9.83588 10.6154H6.22804V20H2.55277Z" fill="white"/>
35
38
  </svg>
36
39
  </span>
37
40
  </a>
38
41
 
39
- <a class="a2a_button_twitter">
40
- <span class="share-icon__icon">
41
- <svg width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg">
42
+ <a class="a2a_button_twitter lt-player-mobile-share">
43
+ <span class="share-icon__icon lt-player-mobile-share">
44
+ <svg class="lt-player-mobile-share" width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg">
42
45
  <path d="M18 1.65729C17.3377 1.93837 16.626 2.12834 15.879 2.2138C16.6415 1.7764 17.227 1.08375 17.5027 0.258472C16.7778 0.670159 15.9847 0.960219 15.1577 1.11612C14.484 0.429261 13.5243 0 12.4621 0C10.4226 0 8.76909 1.58246 8.76909 3.53422C8.76909 3.81126 8.80179 4.08097 8.86472 4.33971C5.79558 4.19228 3.07448 2.78525 1.25304 0.646953C0.935227 1.16894 0.753117 1.77613 0.753117 2.42375C0.753117 3.64996 1.40513 4.73169 2.39597 5.36553C1.80953 5.34795 1.23599 5.19636 0.723234 4.92341C0.723023 4.93822 0.723023 4.95302 0.723023 4.96789C0.723023 6.68029 1.99596 8.10878 3.68529 8.43347C3.14148 8.57502 2.57107 8.59573 2.01762 8.49404C2.48752 9.89817 3.85137 10.9199 5.46729 10.9485C4.20342 11.8964 2.61105 12.4615 0.880945 12.4615C0.58282 12.4615 0.288914 12.4447 0 12.4121C1.63427 13.4149 3.57539 14 5.66086 14C12.4535 14 16.1679 8.61449 16.1679 3.9441C16.1679 3.79081 16.1644 3.63839 16.1573 3.48684C16.8802 2.98665 17.5042 2.3671 18 1.65729Z" fill="white"/>
43
46
  </svg>
44
47
  </span>
45
48
  </a>
46
49
 
47
- <a class="a2a_button_linkedin">
48
- <span class="share-icon__icon">
49
- <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
50
+ <a class="a2a_button_linkedin lt-player-mobile-share">
51
+ <span class="share-icon__icon lt-player-mobile-share">
52
+ <svg class="lt-player-mobile-share" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
50
53
  <path d="M3.85913 16V5.20483H0.215002V16H3.85913ZM2.03754 3.73004C3.30831 3.73004 4.09931 2.9011 4.09931 1.8652C4.07563 0.805935 3.30836 0 2.06165 0C0.815143 0 0 0.805951 0 1.8652C0 2.90115 0.7908 3.73004 2.01375 3.73004H2.03743H2.03754ZM5.87615 16H9.52028V9.97145C9.52028 9.64881 9.54396 9.3265 9.64019 9.09586C9.90363 8.45124 10.5032 7.78359 11.5099 7.78359C12.8286 7.78359 13.3561 8.77354 13.3561 10.2247V15.9999H17V9.81007C17 6.49422 15.2022 4.95139 12.8046 4.95139C10.8387 4.95139 9.97556 6.03334 9.49604 6.77025H9.52036V5.2046H5.87623C5.92405 6.21756 5.87623 15.9998 5.87623 15.9998L5.87615 16Z" fill="white"/>
51
54
  </svg>
52
55
  </span>
53
56
  </a>
54
57
 
55
- <a class="a2a_button_whatsapp">
56
- <span class="share-icon__icon">
57
- <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
58
+ <a class="a2a_button_whatsapp lt-player-mobile-share">
59
+ <span class="share-icon__icon lt-player-mobile-share">
60
+ <svg class="lt-player-mobile-share" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
58
61
  <g clip-path="url(#clip0_11_828)">
59
62
  <path d="M0 16L1.13085 11.8935C0.431709 10.6882 0.0649474 9.3232 0.0687679 7.92776C0.0687679 3.55513 3.6447 0 8.03438 0C10.1662 0 12.1681 0.825095 13.6695 2.32319C15.1748 3.82129 16.0038 5.81369 16 7.93156C16 12.3042 12.4241 15.8593 8.03056 15.8593H8.02674C6.6934 15.8593 5.383 15.5247 4.21776 14.8935L0 16ZM4.42024 13.4601L4.66093 13.6046C5.67717 14.2053 6.8424 14.5209 8.03056 14.5247H8.03438C11.6829 14.5247 14.6552 11.5703 14.6552 7.93536C14.6552 6.17491 13.9675 4.52091 12.7182 3.27377C11.4689 2.02662 9.80324 1.34221 8.03438 1.34221C4.38586 1.3384 1.41356 4.29278 1.41356 7.92776C1.41356 9.17111 1.76122 10.384 2.42598 11.4335L2.58261 11.6844L1.91404 14.1141L4.42024 13.4601Z" fill="white"/>
60
63
  <path d="M0.278809 15.7225L1.37145 11.7567C0.695236 10.597 0.339936 9.27759 0.339936 7.93158C0.343756 3.71105 3.79361 0.277588 8.03429 0.277588C10.0935 0.277588 12.0228 1.07607 13.4746 2.52093C14.9264 3.9658 15.7248 5.88976 15.7248 7.93538C15.7248 12.1559 12.2712 15.5894 8.03429 15.5894H8.03047C6.74299 15.5894 5.47842 15.2662 4.35521 14.6578L0.278809 15.7225Z" fill="#27282A"/>
@@ -69,8 +72,8 @@
69
72
  </svg>
70
73
  </span>
71
74
  </a>
72
- <a class="a2a_button_messenger">
73
- <span class="share-icon__icon">
75
+ <a class="a2a_button_messenger lt-player-mobile-share">
76
+ <span class="share-icon__icon lt-player-mobile-share">
74
77
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
75
78
  <g clip-path="url(#clip0_11_831)">
76
79
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8 -0.000732422C3.494 -0.000732422 0 3.30127 0 7.75927C0 10.0913 0.956 12.1073 2.512 13.4993C2.642 13.6153 2.722 13.7793 2.726 13.9553L2.77 15.3793C2.784 15.8333 3.252 16.1293 3.668 15.9453L5.256 15.2453C5.39 15.1853 5.542 15.1753 5.684 15.2133C6.414 15.4133 7.19 15.5213 8 15.5213C12.506 15.5213 16 12.2193 16 7.76127C16 3.30327 12.506 -0.000732422 8 -0.000732422Z" fill="white"/>
@@ -84,8 +87,8 @@
84
87
  </svg>
85
88
  </span>
86
89
  </a>
87
- <a class="a2a_button_email">
88
- <span class="share-icon__icon">
90
+ <a class="a2a_button_email lt-player-mobile-share">
91
+ <span class="share-icon__icon lt-player-mobile-share">
89
92
  <svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
90
93
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.7045 0.25C12.7102 0.25 13.6777 0.6475 14.3895 1.36075C15.102 2.0725 15.5002 3.0325 15.5002 4.0375V9.9625C15.5002 12.055 13.7977 13.75 11.7045 13.75H4.29524C2.20199 13.75 0.500244 12.055 0.500244 9.9625V4.0375C0.500244 1.945 2.19449 0.25 4.29524 0.25H11.7045ZM12.8977 5.155L12.9577 5.095C13.137 4.8775 13.137 4.5625 12.9495 4.345C12.8452 4.23325 12.702 4.165 12.5527 4.15C12.3952 4.14175 12.2452 4.195 12.132 4.3L8.75025 7C8.31525 7.36075 7.692 7.36075 7.25025 7L3.87524 4.3C3.64199 4.1275 3.31949 4.15 3.12524 4.3525C2.92274 4.555 2.90024 4.8775 3.07199 5.1025L3.17024 5.2L6.58275 7.8625C7.00275 8.1925 7.512 8.3725 8.04525 8.3725C8.577 8.3725 9.09525 8.1925 9.5145 7.8625L12.8977 5.155Z" fill="white"/>
91
94
  </svg>