4

我正在使用 JW (v 5.8) 播放器嵌入视频。我想这样做，以便启用自动启动，允许视频在页面加载后立即开始播放，控制栏被禁用，以便观众无法寻找视频中的随机点和播放/暂停功能点击视频被禁用。要嵌入 mp4 视频，我使用的是 JW 播放器。我设法完成了前 2 个任务，但是要禁用单击屏幕时的播放/暂停功能，我正在尝试使用 clickproxy 插件，但它不起作用。我在下面粘贴我的代码：

<div id="mediaplayer">JW Player goes here</div>

<script type="text/javascript" src="jwplayer.js"></script>
<script type="text/javascript">
    jwplayer('mediaplayer').setup({
        'flashplayer': 'player.swf',
        'file': 'video.mp4',
        'controlbar': 'none',
        'width': '1000',
        'height': '1000',
        'plugins': 'clickproxy',
        'clickproxy.listener': 'clickListener',
        'autostart': 'true'
    });
function clickListener(obj)
{
}
</script>

现在使用此代码，视频会加载，但甚至不会开始播放，并且由于 clickproxy 插件，单击视频不会执行任何操作。无论如何要完成我想要的？我是 javascript 的新手，所以任何帮助将不胜感激！

谢谢！

4

3 回答 3

4

啊，是的，播放器中曾经有执行此操作的功能（关于忽略点击），但它似乎一直被删除。

这是我刚刚实现的适用于我的解决方案，我只需插入 onPause javascript 事件并再次开始媒体播放。

    <script type='text/javascript'>
  jwplayer('mediaspace').setup({
    'flashplayer': '/jw/player.swf',
    'file': 'http://d3usowdy51yate.cloudfront.net/your-mp4-goes-here.mp4',
    'autostart': 'true',
    'icons': 'true',
    'stretching': 'fill',
    'controlbar': 'none',
    'width': '640',
    'height': '360',
    events: {
        onPause: function(event) {
          jwplayer('mediaspace').play();}
    }
  });
</script>
于 2012-02-08T19:51:25.490 回答
3

您可以使用 CSS 属性 pointer-events#mediaplayer来防止点击事件进入视频：

#mediaplayer {
    pointer-events: none;
}

你也可以滥用这个onPause事件作为旧浏览器的后备<IE9，说：如果执行了暂停事件，则播放视频：

jwplayer('mediaplayer').setup({
    flashplayer: 'player.swf',
    file: 'video.mp4',
    controlbar: 'none',
    width: '1000',
    height: '1000',
    autostart: 'true',
    events: {
        onPause: function() {
            this.play(true);
        }
    }
});
于 2012-01-28T17:37:54.880 回答
2

尝试在播放器上放置一个与播放器尺寸相同的透明 div。

于 2012-01-18T14:09:45.610 回答