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数组设置为第一个视频的进度条，然后为第二个视频添加其余的控制功能，但我不知道该怎么做。< / p>

Answer 1

看起来我在广告期间定位在玩家顶部的div（为了防止交互）没有掩盖玩家的最底层，导致悬停动作。正确地覆盖div解决了我的问题。