Frage

Ich verwende den JW (v 5.8) -Player, um ein Video einzubetten.Und ich möchte dies tun, damit der Autostart aktiviert ist und das Video abgespielt werden kann, sobald die Seite geladen wird. Die Steuerleiste ist deaktiviert, sodass ein Betrachter nicht nach einem zufälligen Punkt in einem Video suchen kann, und die Wiedergabe- / Pausenfunktion beim KlickenDas Video ist deaktiviert.Zum Einbetten des MP4-Videos verwende ich den JW-Player. Ich habe die ersten beiden Aufgaben ausgeführt, aber um die Wiedergabe- / Pausenfunktion beim Klicken auf den Bildschirm zu deaktivieren, versuche ich, das Clickproxy-Plugin zu verwenden, und es funktioniert nicht.Ich füge meinen Code unten ein:

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

Mit diesem Code wird das Video gerade geladen, aber nicht einmal abgespielt, und das Klicken auf das Video hat aufgrund des Clickproxy-Plugins keine Auswirkungen.Wie auch immer, um das zu erreichen, was ich will? Ich bin ein Neuling in Javascript, daher wird jede Hilfe sehr geschätzt!

Danke!

War es hilfreich?

Lösung

Ahhh ja, es gab früher Funktionen im Player, um dies zu tun (über das Ignorieren des Klicks), aber es scheint, dass es immer wieder entfernt wird.

Hier ist die Lösung, die ich gerade implementiert habe und die für mich funktioniert. Ich stecke mich einfach in das Javascript-Ereignis onPause und starte die Medienwiedergabe erneut.

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

Andere Tipps

Versuchen Sie, ein transparentes Div über den Player mit der gleichen Dimension des Players zu legen.

Sie können die Zeigerereignisse der CSS-Eigenschaft im #mediaplayer verwenden, um zu verhindern, dass das Klickereignis das Video durchläuft:

#mediaplayer {
    pointer-events: none;
}

Sie können das onPause-Ereignis auch als Ersatz für den <IE9 älterer Browser missbrauchen, indem Sie Folgendes sagen:Spielen Sie das Video ab, wenn das Pausenereignis ausgeführt wird:

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

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top