mediaelement js - 完成播放后显示海报和播放图标

Question

我希望在视频播放完毕后,海报和播放图标会显示出来.

有没有人试图实现这一目标呢？

Answer 1

是的,我自己尝试了一个项目,客户希望海报图像在视频完成时回来.这是我的代码:

    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();
            });
        }
    });

媒体元素播放器以通常的方式实例化.我添加了'success'函数来监听"已结束"事件,然后获取我们的mediaElement对象并遍历DOM以查找海报图像层并将其重新打开.