Make display poster using video element

AirenSoft · May 2, 2022 · 60dba7c · 60dba7c
1 parent b9ebccb
commit 60dba7c
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/src/js/view/components/helpers/main.js b/src/js/view/components/helpers/main.js
@@ -76,9 +76,22 @@ const Helpers = function($container, api){
             messageBox = MessageBox($current, api, message, description, withTimer, iconClass, clickCallback, dontClose);
         }
         function createThumbnail(){
+
+            const mediaElement = api.getMediaElement();
+
+            if (mediaElement) {
+                mediaElement.poster = ''
+            }
+
+            if (api.getConfig().image) {
+                mediaElement.poster = api.getConfig().image;
+            }
+
+
             if(thumbnail){
                 thumbnail.destroy();
             }
+
             thumbnail = Thumbnail($current, api, api.getConfig());
         }
         function createWaterMark() {

diff --git a/src/js/view/components/helpers/thumbnailTemplate.js b/src/js/view/components/helpers/thumbnailTemplate.js
@@ -1,6 +1,5 @@
 export default (uiText, data) => {
     return (`<div class="op-thumbnail-container"><div class="op-thumbnail-wrapper">`+
-        `${data.image ? `<img src="${data.image}">`:``}` +
         `${data.title ? `<div class="op-thumbnail-header">${data.title}</div>`:``}` +
     `</div></div>`);
 };