0

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

<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 上）。
  • 解开那个悬停。没运气。
  • 从视频标签中没有控件属性开始，然后为第二个视频添加它，但您始终可以在悬停时获得控件。

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

4

1 回答 1

0

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

于 2012-09-04T17:44:08.053 回答