Streaming-m3u8 mit video.js

Ich versuche stream url: http://stream331.overseebrasil.com.br/live_previd_155/definst/live_previd_155/playlist.m3u8

<audio id="streaming" class="video-js vjs-default-skin" controls>
  <source src="http://stream331.overseebrasil.com.br/live_previd_155/_definst_/live_previd_155/playlist.m3u8" type='audio/mp4; codecs=mp4a.40.2' />
</audio>

Safari /Mac und Safari /iOS funktioniert, aber der code läuft nicht in Chrome und Firefox.

Habe ich versucht zu entfernen codec info vom type-Attribut, und nichts passiert.
Firefox sagt:

Specified "type" attribute of "audio/mp4; codecs=mp4a.40.2" is not supported. Load of media resource http://stream331.overseebrasil.com.br/live_previd_155/_definst_/live_previd_155/playlist.m3u8 failed. 
All candidate resources failed to load. Media load paused.

Ich habe auch versucht, ändern Sie das Attribut type auf der Basis des mime-Seite (http://www.videojs.com/projects/mimes.html)
Irgendeine Idee über das Thema?

InformationsquelleAutor leozera | 2014-04-28

  1. 5

    Cross-browser-HLS-Unterstützung gearbeitet wird in einem separaten plugin, contrib-hls. Es ist in Safari nicht funktioniert, weil der browser nativ unterstützt HLS-Wiedergabe, aber keiner von den anderen, da die Video.js fallback nicht.

    Ausprobieren, das plugin ist ziemlich geradlinig, aber wenn Sie mit der CDN-version Video.js Sie müssen zum hochladen der contrib-hls umfassen irgendwo.

    <script src="/path/to/video.js"></script>
<script src="/path/to/videojs-hls.min.js"></script>
<script>
  var player = videojs('video');
  player.hls('http://example.com/video.m3u8');
</script>

    Dann Sie können dann behandeln die Spieler wie üblich, mit player.play() usw.

    Kein "Access-Control-Allow-Origin' - header vorhanden ist, auf die angeforderte Ressource >> Wie kann ich dieses plugin zum laden von Quellen, die von einer anderen Domäne ohne diese Fehlermeldung bekommen ?
    Da die m3u8 abgerufen via XHR, die andere domain hat einfach zu zählen CORS-Header.
    video-gular bietet eine Möglichkeit zur Umgehung cors Problem. Aber ich dnt bekommen. Plz jemand erklären?
    Um ehrlich zu sein, es sei denn, Sie sind mit Flash -, sind Sie nicht. Es ist nicht ein "CORS-Problem", es ist ein browser-Sicherheits-feature, also, wenn Sie das abrufen Dinge über XHR (JS), Sie sind unter den gleichen Einschränkungen.
    Tut video.js überschreibt - Keine "Access-Control-Allow-Origin' - header vorhanden ist, auf die angeforderte Ressource... Fehler???

    InformationsquelleAutor Matt McClure

Schreibe einen Kommentar