视频结尾处的不同海报图片（媒体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

我这样做的方法是更改​​end函数中mejs-poster div中的html。在您设置$thisMediaElement变量的下方的结束函数中添加此行。

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