Отключение воспроизведения / паузы во встроенном видео с помощью проигрывателя JW

Question

Я использую проигрыватель JW (v 5.8) для встраивания видео. И я хочу сделать так, чтобы автозапуск был включен, позволяя начать воспроизведение видео, как только страница загрузится, панель управления отключена, так что зритель не может искать случайную точку в видео и функцию воспроизведения / паузы при нажатии видео отключено. Чтобы вставить видео в формате mp4, я использую проигрыватель JW. Мне удалось выполнить первые две задачи, но чтобы отключить функцию воспроизведения / паузы при нажатии на экран, я пытаюсь использовать плагин 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, поэтому любая помощь будет по достоинству оценена!

Спасибо!

Answer 1

Ах, да, раньше в плеере была функциональность, позволяющая сделать это (о игнорировании щелчка), но, похоже, он продолжает удаляться.

Вот решение, которое я только что реализовал, которое работает для меня, я просто подключаюсь к событию 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>

Answer 2

Вы можете использовать указатель-события свойства CSS на #mediaplayer чтобы предотвратить событие click для перехода к видео:

#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);
        }
    }
});

Answer 3

Попробуйте поставить прозрачный div поверх игрока с таким же размером игрока.