@latest-thinking/lt-player 1.2.0-d → 2.0.0-a

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 (205) hide show
  1. package/.editorconfig +1 -1
  2. package/.node-version +1 -0
  3. package/.nvmrc +1 -0
  4. package/README.md +162 -0
  5. package/dist/main.js +24375 -0
  6. package/package.json +31 -67
  7. package/tsconfig.json +2 -1
  8. package/vite-dev.config.mts +35 -0
  9. package/vite.config.mts +40 -0
  10. package/ README.md +0 -270
  11. package/.babelrc +0 -11
  12. package/.eslintrc.js +0 -6
  13. package/dist/css/lt-player-main.css +0 -3
  14. package/dist/css/lt-player-main.css.map +0 -1
  15. package/dist/fonts/0574e80a2483be7b033e.otf +0 -0
  16. package/dist/fonts/34274fbfb2f270b8d53b.otf +0 -0
  17. package/dist/fonts/80acced0ba3630ee652b.otf +0 -0
  18. package/dist/fonts/8ccea4947561e7008d19.otf +0 -0
  19. package/dist/fonts/d355445ed7d61b887e58.otf +0 -0
  20. package/dist/js/lt-player-main.js +0 -3
  21. package/dist/js/lt-player-main.js.LICENSE.txt +0 -9
  22. package/dist/js/lt-player-main.js.map +0 -1
  23. package/examples/basic.html +0 -35
  24. package/examples/lt-page-with-player.html +0 -3529
  25. package/examples/lt-page-with-player_files/Weiskopf_Coverphoto.jpg +0 -0
  26. package/examples/lt-page-with-player_files/ajax-progress.module.css +0 -49
  27. package/examples/lt-page-with-player_files/align.module.css +0 -32
  28. package/examples/lt-page-with-player_files/announce.js +0 -49
  29. package/examples/lt-page-with-player_files/autocomplete-loading.module.css +0 -22
  30. package/examples/lt-page-with-player_files/autocomplete.css +0 -16
  31. package/examples/lt-page-with-player_files/bootstrap.css +0 -22691
  32. package/examples/lt-page-with-player_files/clearfix.module.css +0 -15
  33. package/examples/lt-page-with-player_files/container-inline.module.css +0 -16
  34. package/examples/lt-page-with-player_files/cookiesjsr.min.css +0 -10
  35. package/examples/lt-page-with-player_files/core.css +0 -97
  36. package/examples/lt-page-with-player_files/details.module.css +0 -10
  37. package/examples/lt-page-with-player_files/fieldgroup.module.css +0 -9
  38. package/examples/lt-page-with-player_files/hidden.module.css +0 -53
  39. package/examples/lt-page-with-player_files/himme-alexander-beyond_0.jpg +0 -0
  40. package/examples/lt-page-with-player_files/item-list.module.css +0 -19
  41. package/examples/lt-page-with-player_files/js.module.css +0 -22
  42. package/examples/lt-page-with-player_files/latest_thinking.style.css +0 -6496
  43. package/examples/lt-page-with-player_files/logo-small.png +0 -0
  44. package/examples/lt-page-with-player_files/menu.css +0 -64
  45. package/examples/lt-page-with-player_files/nowrap.module.css +0 -8
  46. package/examples/lt-page-with-player_files/paragraphs.unpublished.css +0 -3
  47. package/examples/lt-page-with-player_files/position-container.module.css +0 -8
  48. package/examples/lt-page-with-player_files/progress.module.css +0 -51
  49. package/examples/lt-page-with-player_files/radix.style.css +0 -1
  50. package/examples/lt-page-with-player_files/reset-appearance.module.css +0 -15
  51. package/examples/lt-page-with-player_files/resize.module.css +0 -21
  52. package/examples/lt-page-with-player_files/search_api_autocomplete.css +0 -41
  53. package/examples/lt-page-with-player_files/sticky-header.module.css +0 -13
  54. package/examples/lt-page-with-player_files/system-status-counter.css +0 -30
  55. package/examples/lt-page-with-player_files/system-status-report-counters.css +0 -27
  56. package/examples/lt-page-with-player_files/system-status-report-general-info.css +0 -14
  57. package/examples/lt-page-with-player_files/tabledrag.module.css +0 -98
  58. package/examples/lt-page-with-player_files/tablesort.module.css +0 -19
  59. package/examples/lt-page-with-player_files/theme.css +0 -446
  60. package/examples/lt-page-with-player_files/thumbnail_MPI_CBS_Eingangsbereich.jpg +0 -0
  61. package/examples/lt-page-with-player_files/tree-child.module.css +0 -18
  62. package/examples/lt-page-with-player_files/widget-min.js +0 -10
  63. package/examples/lt-website.html +0 -76
  64. package/examples/portrait-with-subtitles.html +0 -81
  65. package/examples/samples/vtt/Pahl-Kerstin-Maria-MAIN-20230320.vtt +0 -765
  66. package/examples/samples/vtt/Sobolev-Anton-Subtitles-20230518_0.vtt +0 -352
  67. package/examples/samples/vtt/demo.vtt +0 -7
  68. package/src/assets/css/sample.css +0 -12
  69. package/src/assets/fonts/museo/MuseoSans-100.otf +0 -0
  70. package/src/assets/fonts/museo/MuseoSans-300.otf +0 -0
  71. package/src/assets/fonts/museo/MuseoSans-500.otf +0 -0
  72. package/src/assets/fonts/museo/MuseoSans-700.otf +0 -0
  73. package/src/assets/fonts/museo/MuseoSans-900.otf +0 -0
  74. package/src/assets/icons/arrow-down.svg +0 -8
  75. package/src/assets/icons/arrow-left.svg +0 -8
  76. package/src/assets/icons/chevron-down-full.svg +0 -7
  77. package/src/assets/icons/chevron-down.svg +0 -7
  78. package/src/assets/icons/chevron-up-full.svg +0 -7
  79. package/src/assets/icons/chevron-up.svg +0 -7
  80. package/src/assets/icons/close.svg +0 -8
  81. package/src/assets/icons/compass.svg +0 -8
  82. package/src/assets/icons/external-link.svg +0 -9
  83. package/src/assets/icons/facebook.svg +0 -7
  84. package/src/assets/icons/fast-backward.svg +0 -8
  85. package/src/assets/icons/fast-forward.svg +0 -8
  86. package/src/assets/icons/file-text.svg +0 -11
  87. package/src/assets/icons/home.svg +0 -8
  88. package/src/assets/icons/logo-big.png +0 -0
  89. package/src/assets/icons/logo.png +0 -0
  90. package/src/assets/icons/maximize.svg +0 -7
  91. package/src/assets/icons/mini-player.svg +0 -8
  92. package/src/assets/icons/minimize.svg +0 -7
  93. package/src/assets/icons/more-vertical.svg +0 -9
  94. package/src/assets/icons/mute.svg +0 -9
  95. package/src/assets/icons/pause.svg +0 -8
  96. package/src/assets/icons/play.svg +0 -8
  97. package/src/assets/icons/search.svg +0 -8
  98. package/src/assets/icons/settings.svg +0 -8
  99. package/src/assets/icons/share.svg +0 -11
  100. package/src/assets/icons/skip-backward.svg +0 -8
  101. package/src/assets/icons/skip-forward.svg +0 -8
  102. package/src/assets/icons/speed-1-5.svg +0 -7
  103. package/src/assets/icons/speed-1.svg +0 -7
  104. package/src/assets/icons/speed-2.svg +0 -7
  105. package/src/assets/icons/subtitles.svg +0 -7
  106. package/src/assets/icons/twitter.svg +0 -7
  107. package/src/assets/icons/university.svg +0 -9
  108. package/src/assets/icons/user.svg +0 -8
  109. package/src/assets/icons/volume-1.svg +0 -15
  110. package/src/assets/icons/volume-2.svg +0 -15
  111. package/src/assets/icons/volume-3.svg +0 -15
  112. package/src/assets/sass/abstracts/_mixins.scss +0 -145
  113. package/src/assets/sass/abstracts/_placeholders.scss +0 -112
  114. package/src/assets/sass/abstracts/_variables.scss +0 -68
  115. package/src/assets/sass/abstracts/all.scss +0 -4
  116. package/src/assets/sass/app.scss +0 -100
  117. package/src/assets/sass/components/_all.scss +0 -6
  118. package/src/assets/sass/components/_buttons.scss +0 -1
  119. package/src/assets/sass/components/_images.scss +0 -4
  120. package/src/assets/sass/components/_loader.scss +0 -187
  121. package/src/assets/sass/components/_modal.scss +0 -365
  122. package/src/assets/sass/components/_range.scss +0 -33
  123. package/src/assets/sass/core/_all.scss +0 -13
  124. package/src/assets/sass/core/_fonts.scss +0 -55
  125. package/src/assets/sass/core/_player.scss +0 -70
  126. package/src/assets/sass/core/_typography.scss +0 -13
  127. package/src/assets/sass/layout/_all.scss +0 -3
  128. package/src/assets/sass/layout/_grid.scss +0 -0
  129. package/src/assets/sass/sections/_additional-info.scss +0 -90
  130. package/src/assets/sass/sections/_all.scss +0 -6
  131. package/src/assets/sass/sections/_control.scss +0 -122
  132. package/src/assets/sass/sections/_poster.scss +0 -319
  133. package/src/assets/sass/sections/_settings.scss +0 -512
  134. package/src/assets/sass/sections/_share.scss +0 -250
  135. package/src/assets/sass/sections/_subtitles.scss +0 -85
  136. package/src/assets/sass/sections/controllers/_all.scss +0 -4
  137. package/src/assets/sass/sections/controllers/_botom.scss +0 -522
  138. package/src/assets/sass/sections/controllers/_mini-player.scss +0 -169
  139. package/src/assets/sass/sections/controllers/_notification-rewind-forward.scss +0 -260
  140. package/src/assets/sass/sections/controllers/_top.scss +0 -169
  141. package/src/components/LTPlayerDevMethode.ts +0 -192
  142. package/src/components/LTPlayerEventsManager.ts +0 -31
  143. package/src/components/LTPlayerHls.ts +0 -38
  144. package/src/components/LTPlayerManager.ts +0 -266
  145. package/src/components/LTPlayerSettingsManager.ts +0 -117
  146. package/src/components/LTPlayerSetup.ts +0 -286
  147. package/src/components/LTPlayerStatusFeedback.ts +0 -76
  148. package/src/components/LTPlayerStorage.ts +0 -58
  149. package/src/components/LTPlayerType.ts +0 -371
  150. package/src/components/LTPlayerUpdate.ts +0 -61
  151. package/src/components/addInfo/LTPLayerAddInfoResizeManager.ts +0 -15
  152. package/src/components/addInfo/LTPlayerAddInfoDesktop.ts +0 -127
  153. package/src/components/addInfo/LTPlayerAddInfoManager.ts +0 -230
  154. package/src/components/addInfo/LTPlayerAddInfoMobile.ts +0 -113
  155. package/src/components/captions/LTPlayerCaptions.ts +0 -80
  156. package/src/components/config/LTPlayerConfig.ts +0 -280
  157. package/src/components/config/LTPlayerConfigProcessor.ts +0 -604
  158. package/src/components/controls/LTPlayerChapters.ts +0 -285
  159. package/src/components/controls/LTPlayerControls.ts +0 -57
  160. package/src/components/controls/LTPlayerControlsEvents.ts +0 -943
  161. package/src/components/controls/LTPlayerMini.ts +0 -285
  162. package/src/components/controls/LTPlayerSettingsControlsManager.ts +0 -60
  163. package/src/components/controls/settings/LTPlayerCommonSettingsControllers.ts +0 -71
  164. package/src/components/controls/settings/LTPlayerDesktopSettingsControllers.ts +0 -135
  165. package/src/components/controls/settings/LTPlayerMobileSettingsControllers.ts +0 -211
  166. package/src/components/events/LTPlayer.ts +0 -194
  167. package/src/components/events/LTPlayerCommon.ts +0 -252
  168. package/src/components/events/LTPlayerDesktop.ts +0 -222
  169. package/src/components/events/LTPlayerMobile.ts +0 -243
  170. package/src/components/poster/LTPlayerPoster.ts +0 -78
  171. package/src/components/poster/LTPlayerPosterEvents.ts +0 -172
  172. package/src/components/poster/LTPlayerPosterManager.ts +0 -46
  173. package/src/components/poster/LTPlayerPosterPreload.ts +0 -51
  174. package/src/components/poster/LTPlayerPosterPreloadEvents.ts +0 -152
  175. package/src/components/share/LTPlayerShareDesktop.ts +0 -131
  176. package/src/components/share/LTPlayerShareEvents.ts +0 -64
  177. package/src/components/share/LTPlayerShareManager.ts +0 -58
  178. package/src/components/share/LTPlayerShareMobile.ts +0 -154
  179. package/src/components/video/LTPlayerVideo.ts +0 -49
  180. package/src/global/controllers/LTPlayerController.ts +0 -58
  181. package/src/global/interfaces/EventsInterfaces.ts +0 -11
  182. package/src/global/interfaces/SettingsControlsInterfaces.ts +0 -3
  183. package/src/global/interfaces/TypeInterface.ts +0 -9
  184. package/src/global/types/ModuleTypes.d.ts +0 -35
  185. package/src/global/types/ModuleViews.d.ts +0 -13
  186. package/src/global/types/ModuleWindow.d.ts +0 -12
  187. package/src/global/types/Modules.d.ts +0 -44
  188. package/src/index.ts +0 -10
  189. package/src/json-schema/player-config.json +0 -16
  190. package/src/services/Helper.ts +0 -147
  191. package/src/services/IconsService.ts +0 -124
  192. package/src/services/LTPlayerRotateDeviceService.ts +0 -15
  193. package/src/services/LoaderService.ts +0 -21
  194. package/src/services/ResizeService.ts +0 -352
  195. package/src/services/TemplateService.ts +0 -136
  196. package/src/services/ValidatorService.ts +0 -31
  197. package/src/views/additionalInfo.handlebars +0 -103
  198. package/src/views/background.handlebars +0 -5
  199. package/src/views/controls.handlebars +0 -390
  200. package/src/views/onloadPoster.handlebars +0 -1
  201. package/src/views/poster.handlebars +0 -69
  202. package/src/views/settings.handlebars +0 -31
  203. package/src/views/settings.mobile.handlebars +0 -22
  204. package/src/views/share.handlebars +0 -101
  205. package/src/views/template.handlebars +0 -15
@@ -1,103 +0,0 @@
1
- {{#modal}}
2
- {{#mobile}}
3
- {{#data}}
4
- <div class="player-lt__modal__mobile__background"></div>
5
- <div class="player-lt__modal__mobile">
6
- <div class="player-lt__mobile__modal-header">
7
- <span class="line-button"></span>
8
- </div>
9
- <div class="player-lt__mobile__modal-content">
10
- {{{data}}}
11
- </div>
12
- </div>
13
- {{/data}}
14
- {{#object_data}}
15
- <div class="player-lt__modal__mobile__background"></div>
16
- <div class="player-lt__modal__mobile">
17
- <div class="player-lt__mobile__modal-header">
18
- <span class="line-button"></span>
19
- </div>
20
- <div class="player-lt__mobile__modal-content">
21
- {{#abstract}}
22
- <h2>{{{abstract.title}}}</h2>
23
- <p>{{{abstract.description}}}</p>
24
- <p>{{{abstract.videoDOI}}}</p>
25
- <p>{{{abstract.videoCitation}}}</p>
26
- {{/abstract}}
27
-
28
- {{#institution}}
29
- <h2>{{{institution.title}}}</h2>
30
- <img src="{{institution.image}}" alt="image">
31
- <p>{{{institution.institutionName}}}</p>
32
- <p>{{{institution.description}}}</p>
33
- {{/institution}}
34
-
35
- {{#bio}}
36
- <h2>{{{bio.title}}}</h2>
37
- <p>{{{bio.description}}}</p>
38
- {{/bio}}
39
- </div>
40
- </div>
41
- {{/object_data}}
42
- {{/mobile}}
43
- {{#desktop}}
44
- {{#object_data}}
45
- <div class="player-lt__modal lt-modal-{{id}}">
46
- <div class="player-lt__modal-content">
47
- <span class="player-lt__close-button">&times;</span>
48
- <div class="player-lt__modal-body">
49
- {{#abstract}}
50
- <h2>{{{abstract.title}}}</h2>
51
- <p>{{{abstract.description}}}</p>
52
- <hr>
53
- <h3>Video DOI</h3>
54
- <p>{{{abstract.videoDOI}}}</p>
55
- <h3>Video Citation</h3>
56
- <p>{{{abstract.videoCitation}}}</p>
57
- {{/abstract}}
58
-
59
- {{#institution}}
60
- <h2>{{{institution.title}}}</h2>
61
- <div class="modal-flex">
62
- <img src="{{institution.image}}" alt="image">
63
- <h3>{{{institution.institutionName}}}</h3>
64
- </div>
65
- <hr>
66
- <p>{{{institution.description}}}</p>
67
- {{/institution}}
68
-
69
- {{#bio}}
70
- <h2>{{{bio.title}}}</h2>
71
- <p>{{{bio.description}}}</p>
72
- {{/bio}}
73
- </div>
74
- </div>
75
- </div>
76
- {{/object_data}}
77
- {{#data}}
78
- <div class="player-lt__modal lt-modal-{{id}}">
79
- <div class="player-lt__modal-content">
80
- <span class="player-lt__close-button">&times;</span>
81
- {{{data}}}
82
- </div>
83
- </div>
84
- {{/data}}
85
- {{/desktop}}
86
- {{/modal}}
87
- {{#exist}}
88
- {{#mobile}}
89
- <div class="lt-player__additional-info-mobile">
90
- {{#buttons}}
91
- <button class="additional-info-mobile" data-lt-target="{{target}}">{{#icon}}<img class="additional-info-mobile" src="{{icon}}" alt="">{{/icon}}{{^icon}}<span></span>{{/icon}}</button>
92
- {{/buttons}}
93
- </div>
94
- {{/mobile}}
95
- {{#desktop}}
96
- <div class="lt-player__additional-info">
97
- {{#buttons}}
98
- <button data-lt-target="{{target}}">{{#icon}}<img src="{{icon}}" alt="">{{/icon}}{{^icon}}<span></span>{{/icon}}</button>
99
- {{/buttons}}
100
- </div>
101
- {{/desktop}}
102
-
103
- {{/exist}}
@@ -1,5 +0,0 @@
1
- <div class="lt-player-mini-player-background {{classObserve}}">
2
- <div class="logo">
3
- <img src="{{logo}}" alt="">
4
- </div>
5
- </div>
@@ -1,390 +0,0 @@
1
- {{#mini_player}}
2
- <div class="lt-player-mini-player-controls">
3
- <button class="lt-player-mini-player-controls__exit">
4
- <img class="filter" src="{{icons.external-link}}" alt="">
5
- </button>
6
-
7
- <button type="button" class="lt-player-mini-player-controls__play-button">
8
- <img class="lt-player-mini-player-controls__play-icon d-none" src="{{icons.play}}" alt="">
9
- <img class="lt-player-mini-player-controls__pause-icon" src="{{icons.pause}}" alt="">
10
- </button>
11
- <input class='lt-player-mini-player-controls__progress__seek' type='range' min='0' max='100' step='0.1' value='0'>
12
- </div>
13
- {{/mini_player}}
14
- {{#player}}
15
- {{#landscape}}
16
- <div class="plyr__controls">
17
- <div class="top-controllers">
18
- <div class="top-controllers__background"></div>
19
- <div class="top-controllers__body">
20
- <div class="top-controllers__body__left">
21
- </div>
22
- <div class="top-controllers__body__center">
23
- </div>
24
- <div class="top-controllers__body__right">
25
- {{#isShare}}
26
- <button type="button" class="plyr__control lt-player-share">
27
- <img class="filter" src="{{icons.share}}" alt="">
28
- </button>
29
- {{/isShare}}
30
- </div>
31
- </div>
32
- </div>
33
- <div class="lt-player-notification landscape">
34
- <div class="lt-player-custom-captions"><span></span></div>
35
- <!-- <div class="lt-player-video-content">-->
36
- <!-- <div class="content__body">-->
37
- <!-- <h4 class="poster-title">{{videoParagraph}}</h4>-->
38
- <!-- <p class="poster-paragraph">{{videoTitle}}</p>-->
39
- <!-- </div>-->
40
- <!-- </div>-->
41
- <div class="lt-player-notification__notification-button-state landscape">
42
-
43
- <div class="player-state">
44
- <img class="player-state__icon filter" src="" alt="">
45
- </div>
46
- </div>
47
- <div class="lt-player-rewind-area">
48
- </div>
49
- <div class="lt-player-rewind lt-player-notify">
50
- <div class="lt-player-rewind__icon lt-player-rewind__icon__landscape">
51
- <div class="lt-player-rewind__icon-wrapper rotate">
52
- <img class="filter" src="{{icons.play}}" alt="">
53
- <img class="filter" src="{{icons.play}}" alt="">
54
- </div>
55
- <span class="rewind">10 sec</span>
56
- </div>
57
- </div>
58
- <div class="lt-player-forward-area">
59
- </div>
60
- <div class="lt-player-forward lt-player-notify">
61
- <div class="lt-player-forward__icon lt-player-forward__icon__landscape">
62
- <div class="lt-player-rewind__icon-wrapper">
63
- <img class="filter" src="{{icons.play}}" alt="">
64
- <img class="filter" src="{{icons.play}}" alt="">
65
- </div>
66
- <span class="forward">10 sec</span>
67
- </div>
68
- </div>
69
- </div>
70
- <div class="plyr__progress--wrapper">
71
- <div class="plyr__progress">
72
- <label for='seek{id}' class='plyr__sr-only'>Seek</label>
73
- <input id='seek{id}' class='plyr__progress__seek' type='range' min='0' max='100' step='0.1'
74
- value='0'
75
- data-plyr='seek'>
76
- <div class="bottom-controller__current">
77
- <div class="plyr__time plyr__time--current" aria-label="Current time">00:00</div>
78
- <div class="plyr__time plyr__time--duration custom-duration" aria-label="Duration">00:00</div>
79
- </div>
80
- </div>
81
- </div>
82
- <div class="bottom-controller__background"></div>
83
- <div class="bottom-controller">
84
- {{#mobile}}
85
- <div class="bottom-controller__left-buttons">
86
- <button type="button" class="plyr__control plyr__controls_settings-button settings">
87
- <img class="filter settings" src="{{icons.settings}}" alt="">
88
- </button>
89
- </div>
90
- {{/mobile}}
91
- {{#desktop}}
92
- <div class="bottom-controller__left-buttons">
93
- <button type="button" class="plyr__control plyr__controls_settings-button settings">
94
- <img class="filter settings" src="{{icons.settings}}" alt="">
95
- </button>
96
- <div class="bottom-controller__volume_control">
97
- <button type="button" class="plyr__control volume_control__volume-button button-open">
98
- <img class="volume-max filter button-open" data-range-value="1" src="{{icons.volume-3}}" alt="">
99
- <img class="volume-75 d-none filter button-open" data-range-value="0.40" src="{{icons.volume-2}}" alt="">
100
- <img class="volume-50 d-none filter button-open" data-range-value="0.02" src="{{icons.volume-1}}" alt="">
101
- <img class="volume-mute d-none filter button-open" data-range-value="0" src="{{icons.mute}}" alt="">
102
- </button>
103
- <div class="volume_control__background d-none">
104
- <button class="volume_control__volume-button-close button-close">
105
- <img class="volume-max button-close" data-range-value="1" src="{{icons.volume-3}}" alt="">
106
- <img class="volume-75 d-none button-close" data-range-value="0.40" src="{{icons.volume-2}}" alt="">
107
- <img class="volume-50 d-none button-close" data-range-value="0.02" src="{{icons.volume-1}}" alt="">
108
- <img class="volume-mute d-none button-close" data-range-value="0" src="{{icons.mute}}" alt="">
109
- </button>
110
- </div>
111
- <div class="plyr__volume d-none volume_control__background__area volume-area-open">
112
- <input data-plyr="volume" class="volume_control__background__area__range volume-area-open" type="range" min="0" max="1"
113
- step="0.05" value="1"
114
- autocomplete="off" aria-label="Volume">
115
- </div>
116
- </div>
117
- </div>
118
- {{/desktop}}
119
- <div class="bottom-controller__center-buttons">
120
- {{#chaptersEnabled}}
121
- <div class="bottom-controller__previous-chapter-view-wrapper">
122
- <p class="bottom-controller__previous-chapter-view"></p>
123
- <button type="button" class="plyr__control skip-backward" data-lt-player-chapterTimeStamp="">
124
- <img class="filter" src="{{icons.skip-backward}}" alt="">
125
- </button>
126
- </div>
127
- {{/chaptersEnabled}}
128
- {{#desktop}}
129
- <button type="button" class="plyr__control skip-backward-seconds" data-lt-player-chapterTimeStamp="">
130
- <img class="filter" src="{{icons.fast-backward}}" alt="">
131
- </button>
132
- {{/desktop}}
133
- <div class="bottom-controller__play-button_body bottom-controller__play-button_body__landscape">
134
- <button type="button" class="plyr__control play-button">
135
- <img class="bottom-controller__play-icon d-none" src="{{icons.play}}" alt="">
136
- <img class="bottom-controller__pause-icon" src="{{icons.pause}}" alt="">
137
- </button>
138
- </div>
139
- {{#desktop}}
140
- <button type="button" class="plyr__control skip-forward-seconds" data-lt-player-chapterTimeStamp="">
141
- <img class="filter" src="{{icons.fast-forward}}" alt="">
142
- </button>
143
- {{/desktop}}
144
- {{#chaptersEnabled}}
145
- <div class="bottom-controller__next-chapter-view-wrapper">
146
- <button type="button" class="plyr__control skip-forward" data-lt-player-chapterTimeStamp="">
147
- <img class="filter" src="{{icons.skip-forward}}" alt="">
148
- </button>
149
- <p class="bottom-controller__next-chapter-view"></p>
150
- </div>
151
- {{/chaptersEnabled}}
152
- </div>
153
- <div class="bottom-controller__right-buttons">
154
- {{#desktop}}
155
- <button type="button" class="plyr__control mini-player-control">
156
- <img class="filter" src="{{icons.mini-player}}" alt="">
157
- </button>
158
- <button type="button" class="plyr__control fullscreen-custom-control">
159
- <img class="filter minimize d-none" src="{{icons.minimize}}" alt="">
160
- <img class="filter maximize" src="{{icons.maximize}}" alt="">
161
- </button>
162
- {{/desktop}}
163
- {{#mobile}}
164
- <button type="button" class="plyr__control fullscreen-custom-control">
165
- <img class="filter minimize d-none" src="{{icons.minimize}}" alt="">
166
- <img class="filter maximize" src="{{icons.maximize}}" alt="">
167
- </button>
168
- {{/mobile}}
169
- </div>
170
- </div>
171
- </div>
172
- {{#mobile}}
173
- <div class="plyr__controls__mobile-background d-none">
174
- <div class="lt-player-notification portrait">
175
- <div class="lt-player-custom-captions"><span></span></div>
176
- <div class="lt-player-rewind-area">
177
- </div>
178
- <div class="lt-player-rewind lt-player-notify">
179
- <div class="lt-player-rewind__icon lt-player-rewind__icon__portrait">
180
- <span class="rewind">10 sec</span>
181
- <div class="lt-player-rewind__icon-wrapper rotate">
182
- <img class="filter" src="{{icons.play}}" alt="">
183
- <img class="filter" src="{{icons.play}}" alt="">
184
- </div>
185
- </div>
186
- </div>
187
- <div class="lt-player-forward-area">
188
- </div>
189
- <div class="lt-player-forward lt-player-notify">
190
- <div class="lt-player-forward__icon lt-player-forward__icon__portrait">
191
- <div class="lt-player-rewind__icon-wrapper">
192
- <img class="filter" src="{{icons.play}}" alt="">
193
- <img class="filter" src="{{icons.play}}" alt="">
194
- </div>
195
- <span class="forward">10 sec</span>
196
- </div>
197
- </div>
198
- </div>
199
- </div>
200
- {{/mobile}}
201
- {{/landscape}}
202
- {{#portrait}}
203
- <div class="plyr__controls">
204
- <div class="top-controllers">
205
- <div class="top-controllers__background"></div>
206
- <div class="top-controllers__body">
207
- <div class="top-controllers__body__left">
208
- {{#isShare}}
209
- <button type="button" class="plyr__control lt-player-share">
210
- <img class="filter" src="{{icons.share}}" alt="">
211
- </button>
212
- {{/isShare}}
213
- </div>
214
- <div class="top-controllers__body__center">
215
- </div>
216
- <div class="top-controllers__body__right">
217
- {{#desktop}}
218
- <button type="button" class="plyr__control fullscreen-custom-control">
219
- <img class="filter minimize d-none" src="{{icons.minimize}}" alt="">
220
- <img class="filter maximize" src="{{icons.maximize}}" alt="">
221
- </button>
222
- <button type="button" class="plyr__control mini-player-control">
223
- <img class="filter" src="{{icons.mini-player}}" alt="">
224
- </button>
225
- {{/desktop}}
226
- {{#mobile}}
227
- <button type="button" class="plyr__control fullscreen-custom-control">
228
- <img class="filter minimize d-none" src="{{icons.minimize}}" alt="">
229
- <img class="filter maximize" src="{{icons.maximize}}" alt="">
230
- </button>
231
- <button type="button" class="plyr__control mini-player-control">
232
- <img class="filter" src="{{icons.mini-player}}" alt="">
233
- </button>
234
- {{/mobile}}
235
- </div>
236
- </div>
237
- </div>
238
- <div class="lt-player-notification portrait">
239
- <div class="lt-player-custom-captions"><span></span></div>
240
- <div class="lt-player-notification__notification-button-state portrait">
241
- <div class="player-state">
242
- <img class="player-state__icon filter" src="" alt="">
243
- </div>
244
- </div>
245
- <div class="lt-player-video-content">
246
- <div class="content__body">
247
- <h4 class="poster-title">{{videoParagraph}}</h4>
248
- <div class="poster-paragraph">
249
- <p class="poster-paragraph__content">{{videoTitle}}</p>
250
- </div>
251
- </div>
252
- </div>
253
- <!-- <button class="poster-paragraph__button">Read more</button>-->
254
- <div class="lt-player-rewind-area">
255
- </div>
256
- <div class="lt-player-rewind lt-player-notify">
257
- <div class="lt-player-rewind__icon lt-player-rewind__icon__portrait">
258
- <span class="rewind">10 sec</span>
259
- <div class="lt-player-rewind__icon-wrapper rotate">
260
- <img class="filter" src="{{icons.play}}" alt="">
261
- <img class="filter" src="{{icons.play}}" alt="">
262
- </div>
263
- </div>
264
- </div>
265
- <div class="lt-player-forward-area">
266
- </div>
267
- <div class="lt-player-forward lt-player-notify">
268
- <div class="lt-player-forward__icon lt-player-forward__icon__portrait">
269
- <div class="lt-player-rewind__icon-wrapper">
270
- <img class="filter" src="{{icons.play}}" alt="">
271
- <img class="filter" src="{{icons.play}}" alt="">
272
- </div>
273
- <span class="forward">10 sec</span>
274
- </div>
275
- </div>
276
- </div>
277
- <div class="plyr__progress--wrapper">
278
- <div class="plyr__progress">
279
- <label for='seek{id}' class='plyr__sr-only'>Seek</label>
280
- <input id='seek{id}' class='plyr__progress__seek' type='range' min='0' max='100' step='0.1'
281
- value='0'
282
- data-plyr='seek'>
283
- <div class="bottom-controller__current">
284
- <div class="plyr__time plyr__time--current" aria-label="Current time">00:00</div>
285
- <div class="plyr__time plyr__time--duration custom-duration" aria-label="Duration">00:00</div>
286
- </div>
287
- </div>
288
- </div>
289
- <div class="bottom-controller__background"></div>
290
- <div class="bottom-controller">
291
- {{#mobile}}
292
- <div class="bottom-controller__left-buttons">
293
- <div class="bottom-controller__volume_control">
294
- <button type="button" class="plyr__control volume_control__volume-button button-open">
295
- <img class="volume-max filter button-open" data-range-value="1" src="{{icons.volume-3}}" alt="">
296
- <img class="volume-mute d-none filter button-open" data-range-value="0" src="{{icons.mute}}" alt="">
297
- </button>
298
- </div>
299
- </div>
300
- {{/mobile}}
301
- {{#desktop}}
302
- <div class="bottom-controller__left-buttons">
303
- <div class="bottom-controller__volume_control">
304
- <button type="button" class="plyr__control volume_control__volume-button button-open">
305
- <img class="volume-max filter button-open" data-range-value="1" src="{{icons.volume-3}}" alt="">
306
- <img class="volume-75 d-none filter button-open" data-range-value="0.65" src="{{icons.volume-2}}" alt="">
307
- <img class="volume-50 d-none filter button-open" data-range-value="0.35" src="{{icons.volume-1}}" alt="">
308
- <img class="volume-mute d-none filter button-open" data-range-value="0" src="{{icons.mute}}" alt="">
309
- </button>
310
- <div class="volume_control__background d-none">
311
- <button class="volume_control__volume-button-close button-close">
312
- <img class="volume-max button-close" data-range-value="1" src="{{icons.volume-3}}" alt="">
313
- <img class="volume-75 d-none button-close" data-range-value="0.65" src="{{icons.volume-2}}" alt="">
314
- <img class="volume-50 d-none button-close" data-range-value="0.35" src="{{icons.volume-1}}" alt="">
315
- <img class="volume-mute d-none button-close" data-range-value="0" src="{{icons.mute}}" alt="">
316
- </button>
317
- </div>
318
- <div class="plyr__volume d-none volume_control__background__area volume-area-open">
319
- <input data-plyr="volume" class="volume_control__background__area__range volume-area-open" type="range" min="0" max="1"
320
- step="0.05" value="1"
321
- autocomplete="off" aria-label="Volume">
322
- </div>
323
- </div>
324
- </div>
325
- {{/desktop}}
326
- <div class="bottom-controller__center-buttons">
327
- {{#chaptersEnabled}}
328
- <button type="button" class="plyr__control skip-backward" data-lt-player-chapterTimeStamp="">
329
- <img class="filter" src="{{icons.skip-backward}}" alt="">
330
- </button>
331
- {{/chaptersEnabled}}
332
- <div class="bottom-controller__play-button_body bottom-controller__play-button_body__portrait">
333
- <button type="button" class="plyr__control play-button">
334
- <img class="bottom-controller__play-icon d-none" src="{{icons.play}}" alt="">
335
- <img class="bottom-controller__pause-icon" src="{{icons.pause}}" alt="">
336
- </button>
337
- </div>
338
- {{#chaptersEnabled}}
339
- <button type="button" class="plyr__control skip-forward" data-lt-player-chapterTimeStamp="">
340
- <img class="filter" src="{{icons.skip-forward}}" alt="">
341
- </button>
342
- {{/chaptersEnabled}}
343
- </div>
344
- {{#mobile}}
345
- <div class="bottom-controller__right-buttons">
346
- <button type="button" class="plyr__control plyr__controls_speed-button"></button>
347
- </div>
348
- {{/mobile}}
349
- {{#mobile}}
350
- <!--Maybe fullscreen-->
351
- {{/mobile}}
352
-
353
- {{#desktop}}
354
- <div class="bottom-controller__right-buttons">
355
- <button type="button" class="plyr__control plyr__controls_speed-button"></button>
356
- </div>
357
- {{/desktop}}
358
- </div>
359
- </div>
360
- {{#mobile}}
361
- <div class="plyr__controls__mobile-background d-none">
362
- <div class="lt-player-notification portrait">
363
- <div class="lt-player-custom-captions"><span></span></div>
364
- <div class="lt-player-rewind-area">
365
- </div>
366
- <div class="lt-player-rewind lt-player-notify">
367
- <div class="lt-player-rewind__icon lt-player-rewind__icon__portrait">
368
- <span class="rewind">10 sec</span>
369
- <div class="lt-player-rewind__icon-wrapper rotate">
370
- <img class="filter" src="{{icons.play}}" alt="">
371
- <img class="filter" src="{{icons.play}}" alt="">
372
- </div>
373
- </div>
374
- </div>
375
- <div class="lt-player-forward-area">
376
- </div>
377
- <div class="lt-player-forward lt-player-notify">
378
- <div class="lt-player-forward__icon lt-player-forward__icon__portrait">
379
- <div class="lt-player-rewind__icon-wrapper">
380
- <img class="filter" src="{{icons.play}}" alt="">
381
- <img class="filter" src="{{icons.play}}" alt="">
382
- </div>
383
- <span class="forward">10 sec</span>
384
- </div>
385
- </div>
386
- </div>
387
- </div>
388
- {{/mobile}}
389
- {{/portrait}}
390
- {{/player}}
@@ -1 +0,0 @@
1
- <div class="lt-player-onload-poster"> <img src="{{logo}}" alt=""> </div>
@@ -1,69 +0,0 @@
1
- {{#portrait}}
2
- <div class="lt-player__poster">
3
- <div class="lt-player__poster__image-body">
4
- <div class="lt-player__poster--background"></div>
5
- <img class="lt-player__poster__img lt-player__poster__img__set-default d-none" alt="" src="{{logoBig}}">
6
- <img class="lt-player__poster__img--set-custom d-none" alt="" src="{{config.configData.posterImage}}">
7
- </div>
8
- <div class="lt-player__poster__body">
9
- <div class="content">
10
- <div class="content__header">
11
- <img src="{{config.logo}}" alt="logo">
12
- </div>
13
- <div class="content__body">
14
- <div class="poster-title">{{config.configData.videoTitle}}</div>
15
- <div class="poster-paragraph">{{config.configData.videoParagraph}}</div>
16
- </div>
17
- <div class="content__footer">
18
- <div class="poster-buttons">
19
- <button class="poster-button-play">
20
- <img src="{{config.play}}" alt="" class="icon--not-pressed" role="presentation">
21
- </button>
22
- <button class="poster-button-watch-now">
23
- Watch now
24
- </button>
25
- {{#isShare}}
26
- <button class="poster-lt-player-share" type="button">
27
- <img class="filter" src="{{config.share}}" alt="" role="presentation">
28
- </button>
29
- {{/isShare}}
30
- </div>
31
- </div>
32
- </div>
33
- </div>
34
- </div>
35
- {{/portrait}}
36
- {{#landscape}}
37
- <div class="lt-player__poster">
38
- <div class="lt-player__poster__image-body">
39
- <div class="lt-player__poster--background"></div>
40
- <img class="lt-player__poster__img lt-player__poster__img__set-default d-none" alt="" src="{{logoBig}}">
41
- <img class="lt-player__poster__img--set-custom d-none" alt="" src="{{config.configData.posterImage}}">
42
- </div>
43
- <div class="lt-player__poster__body">
44
- <div class="content">
45
- <div class="content__header">
46
- <div class="poster-title">{{config.configData.videoParagraph}}</div>
47
- </div>
48
- <div class="content__body">
49
- <div class="poster-paragraph">{{config.configData.videoTitle}}</div>
50
- </div>
51
- <div class="content__footer">
52
- <div class="poster-buttons">
53
- <button class="poster-button-play">
54
- <img src="{{config.play}}" alt="" class="icon--not-pressed" role="presentation">
55
- </button>
56
- <button class="poster-button-watch-now">
57
- Watch now
58
- </button>
59
- {{#isShare}}
60
- <button class="poster-lt-player-share" type="button">
61
- <img class="filter" src="{{config.share}}" alt="" role="presentation">
62
- </button>
63
- {{/isShare}}
64
- </div>
65
- </div>
66
- </div>
67
- </div>
68
- </div>
69
- {{/landscape}}
@@ -1,31 +0,0 @@
1
- <div class="settings-controllers-enable__background d-none"></div>
2
- <div class="settings-controllers settings">
3
- <span class="line-button settings-controllers-header"></span>
4
- <div class="settings-controllers-enable__subtitles settings">
5
- <p class="settings-text settings">Subtitles</p>
6
- <label class="subtitles-body__switch settings">
7
- <input id="captions-lt-player-{{id}}" class="subtitles-body__input-switch settings" {{#captions_enabled }}checked{{/captions_enabled}} {{#captions_missing}}disabled{{/captions_missing}} type="checkbox">
8
- <label for="captions-lt-player-{{id}}" class="subtitles-body__slider settings"></label>
9
- </label>
10
- </div>
11
- <div class="settings-controllers-enable__speed-range settings">
12
- <p class="settings-text settings">Speed</p>
13
- <div class="speed-range-input-body settings">
14
- <output class="settings speed-range-value" style="display: flex; justify-content: center" id="speed-range-value-{{id}}"></output>
15
- <input id="speed-range-{{id}}" type="range" min="0" max="3" step="1" class="speed-range-input settings">
16
- </div>
17
- </div>
18
- <!-- <div class="settings-controllers-enable__speed-range settings">-->
19
- <!-- <p class="settings-text settings">Speed</p>-->
20
- <!-- <div class="speed-range-input-body mobile settings">-->
21
- <!-- <button class="button-speed settings button_active" data-speed="1">1</button>-->
22
- <!-- <button class="button-speed settings" data-speed="1.25">1.25</button>-->
23
- <!-- <button class="button-speed settings" data-speed="1.5">1.5</button>-->
24
- <!-- <button class="button-speed settings" data-speed="2">2</button>-->
25
- <!-- </div>-->
26
- <!-- </div>-->
27
-
28
- <div class="settings-controllers-enable__button-save settings">
29
- <button class="button-save settings">Save</button>
30
- </div>
31
- </div>
@@ -1,22 +0,0 @@
1
- <dialog class="settings-dialog">
2
- <div class="settings-controllers settings">
3
- <span class="line-button settings-controllers-header"></span>
4
- <div class="settings-controllers-enable__subtitles settings">
5
- <p class="settings-text settings">Subtitles</p>
6
- <label class="subtitles-body__switch settings">
7
- <input id="captions-lt-player-{{id}}" class="subtitles-body__input-switch settings" {{#captions_enabled }}checked{{/captions_enabled}} {{#captions_missing}}disabled{{/captions_missing}} type="checkbox">
8
- <label for="captions-lt-player-{{id}}" class="subtitles-body__slider settings"></label>
9
- </label>
10
- </div>
11
- <div class="settings-controllers-enable__speed-range settings">
12
- <p class="settings-text settings">Speed</p>
13
- <div class="speed-range-input-body settings">
14
- <output class="settings speed-range-value" style="display: flex; justify-content: center" id="speed-range-value-{{id}}"></output>
15
- <input id="speed-range-{{id}}" type="range" min="0" max="3" step="1" class="speed-range-input settings">
16
- </div>
17
- </div>
18
- <div class="settings-controllers-enable__button-save settings">
19
- <button class="button-save settings">Save</button>
20
- </div>
21
- </div>
22
- </dialog>