海報圖像（媒體JS）

Question

我使用了以下內容：

jQuery("video").mediaelementplayer({ 
     features: ["playpause","progress","current","duration","volume","fullscreen"], 
     success: function (mediaElement, domObject) { 
      mediaElement.addEventListener("ended", function(e){ 
       // Revert to the poster image when ended 
       var $thisMediaElement = (mediaElement.id) ? jQuery("#"+mediaElement.id) : jQuery(mediaElement); 
       $thisMediaElement.parents(".mejs-inner").find(".mejs-poster").show(); 
      }); 
     } 
    }); 

在視頻的結尾恢復到海報的圖像被播放。我怎樣才能恢復到一個新的形象，即poster-start.png（視頻開始），然後（視頻結束）poster-end.png？

Answer 1

我這樣做的方式是通過更改最終函數中的mejs-poster div中的html。在設置$thisMediaElement變量的下方的最後功能中添加此行。

$thisMediaElement 
    .parents(".mejs-inner") 
    .find(".mejs-poster") 
    .html('<img src="images/poster2.png">');