Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 视频末尾的不同海报图像(媒体js)_Jquery_Mediaelement.js - Fatal编程技术网

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(“”);