mediaelement.js - 仅隐藏第一个视频的控件

Question

我正在尝试制作与此示例类似的广告前贴片广告（背靠背视频）：

<video width="640" height="360" src="video1.mp4" type="video/mp4" 
controls="controls" preload="none"></video>

<script>
$('video').mediaelementplayer({
    success: function(media, node, player) {
        media.addEventListener('ended', function() {

            media.setSrc('video2.mp4');
            media.load();
            media.play();

        }, false);
    }
});
</script>

我需要隐藏在第一个视频中显示的播放器控件，然后为第二个视频添加控件。这是我尝试过的：

• 通过 jquery 隐藏控制栏的各种方法，但它总是在悬停时重新出现（在控件 div 上方）。
• 取消绑定该悬停。没有运气。
• 一开始在视频标签中没有控件属性，然后为第二个视频添加它，但您始终可以在悬停时获得控件。

我唯一的另一个想法是将 features 数组设置为第一个视频的进度条，然后为第二个视频添加其余的控制功能，但我不知道该怎么做。

Answer 1

看起来我在广告期间放置在播放器顶部的 div（以防止交互）没有覆盖播放器的最底部，导致悬停动作。正确覆盖 div 解决了我的问题。