Video.js - loadedmetadata Ereignis wird nie ausgelöst

Ich bin Probleme mit videojs: bei der Befestigung ein eventlistener, um die "loadedmetadata" Veranstaltung, die callback-Funktion wird nie ausgeführt.

Die beste Erklärung, die ich gefunden zu sein scheint, dass einige Ereignisse können ausgelöst werden, bevor Video.js bindet die Ereignis-Listener: Video.js - loadeddata Ereignis wird nie ausgelöst.

Leider ist die vorgeschlagene Lösung, in diesem Beitrag scheint nicht zu funktionieren für mich.

<!DOCTYPE html>
<html>
<head>
<title>test</title>
<link href="http://vjs.zencdn.net/4.12/video-js.css" >
<script src="http://vjs.zencdn.net/4.12/video.js"></script>
<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
    <script type="text/javascript">
        function init() {
            var video = document.getElementById('myVideo');
            video.addEventListener("loadedmetadata", function () {
                alert("test");
            });
        }
        window.addEventListener("load", init);
    </script>
</head>
<body>
    <video id='myVideo' class="video-js vjs-default-skin" controls data-setup='{}'>
        <source id='mp4' src="http://goo.gl/fAHXgj" type='video/mp4'>
        <source id='webm' src="http://goo.gl/03LOHW" type='video/webm'>
    </video>
</body>
</html>

Wenn ich es starten von Visual Studio (2013), der obige code erzeugt eine Warnung pop-up nur im IE(11); es funktioniert nicht mit Firefox noch Chrome.

Veröffentlicht, wenn ich es auf meiner website, es funktioniert nie.
Was bin ich? Danke für das Lesen!

InformationsquelleAutor Mattia | 2015-02-23

  1. 2

    Als Sie mit video.js Sie müssen verwenden Sie die API, z.B.

    videojs('myVideo').on('event',function);

    Sogar noch besser, entfernen Sie die data-setup - Attribut und erstellen Sie den player durch den Aufruf der wenn zu videojs() zusammen mit einer callback-Funktion, die ausgeführt werden, sobald der Spieler bereit ist:

    videojs('myVideo', {}, function(){
  this.on('loadedmetadata', function(){
    alert('lmd');
  });
});

    InformationsquelleAutor misterben

  2. 1

    Als misterben sagte, verwenden Sie die .on Methode. Aber legen Sie es in den ready callback-oder es wird nicht funktionieren:

    var player = videojs('myVideo');
player.ready(function(){
    this.on('loadedmetadata', function(){ alert('lmd'); })
});

    Quelle: dachte nur dies selbst.
    Ich weiß misterben erwähnt hat mit dem ready-callback-aber Sie kann ja nicht wissen, dass Sie müssen, es zu benutzen.

    Ich habe mit dem code unten auf den button klicken $('.content-preview').append('<script type="text/javascript"> var player = videojs(' +'video'+'); player.ready(function () { this.on('+'loadedmetadata'+', function () { player.currentTime(10); }) });<' + '/script>');. aber es render das video von Anfang an. loadedmetadata is not defined was ist bin ich immer die Fehlermeldung in der Konsole

    InformationsquelleAutor Aaria Carter-Weir

Schreibe einen Kommentar