Jquery 视频末尾的不同海报图像(媒体js)
我正在使用以下命令:Jquery 视频末尾的不同海报图像(媒体js),jquery,mediaelement.js,Jquery,Mediaelement.js,我正在使用以下命令: jQuery("video").mediaelementplayer({ features: ["playpause","progress","current","duration","volume","fullscreen"], success: function (mediaElement, domObject) { mediaElement.addEventListener("ended", funct
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
?我这样做的方式是在end函数中更改mejs poster
div中的html。将这一行添加到end函数中设置$thisMediaElement
变量的正下方
$thisMediaElement
.parents(".mejs-inner")
.find(".mejs-poster")
.html('<img src="images/poster2.png">');
$thisMediaElement
.父母(“.mejs内部”)
.find(“.mejs海报”)
.html(“”);