jquery - 视频末尾的不同海报图片（媒体 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-posterdiv 中的 html。$thisMediaElement在设置变量的下方的 end 函数中添加这一行。

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