mediaelement.js - 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 以找到海报图像层并将其重新打开。