disabilitare la riproduzione / pausa nel video incorporato utilizzando il lettore JW

Question

Sto utilizzando il lettore JW (v 5.8) per incorporare un video.E voglio farlo in modo che l'avvio automatico sia abilitato, consentendo al video di iniziare la riproduzione non appena viene caricata la pagina, la barra di controllo è disabilitata in modo che uno spettatore non possa cercare un punto casuale in un video e la funzione di riproduzione / pausa facendo clicil video è disabilitato.Per incorporare il video mp4, sto usando JW player. Sono riuscito a completare le prime 2 attività, ma per disabilitare la funzione di riproduzione / pausa facendo clic sullo schermo, sto provando a utilizzare il plug-in clickproxy e non funziona.Sto incollando il mio codice di seguito:

<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>

In questo momento con questo codice, il video viene caricato, ma non si avvia nemmeno la riproduzione e fare clic sul video non fa nulla a causa del plug-in clickproxy.Comunque per realizzare quello che voglio? Sono un principiante in javascript, quindi qualsiasi aiuto sarà davvero apprezzato!

Grazie!

Answer 1

Ahhh sì, nel lettore c'era una funzionalità per farlo (ignorando il clic) ma sembra che continui a essere rimosso.

Ecco la soluzione che ho appena implementato che funziona per me, mi collego semplicemente all'evento javascript onPause e riavvio la riproduzione multimediale.

    <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

Prova a mettere un div trasparente sul giocatore con la stessa dimensione del giocatore.

Answer 3

Puoi utilizzare gli eventi-puntatore della proprietà CSS sul #mediaplayer per impedire che l'evento click passi al video:

#mediaplayer {
    pointer-events: none;
}

Potresti anche abusare dell'evento onPause come fallback per i browser meno recenti <IE9, dicendo;riprodurre il video se viene eseguito l'evento di pausa:

jwplayer('mediaplayer').setup({
    flashplayer: 'player.swf',
    file: 'video.mp4',
    controlbar: 'none',
    width: '1000',
    height: '1000',
    autostart: 'true',
    events: {
        onPause: function() {
            this.play(true);
        }
    }
});