Wie bette ich diese m3u8 in meine Webseite?

Mein Titel sagt alles. ich habe m3u8-Datei, die ich brauche einbetten

versucht, mit dieser Methode(unten), aber es sagt, "video-format oder mime-type wird nicht unterstützt"

<div id='player'>
            <video width=100% height=100% src="http://cdncities.com/deranalive/deranalive/playlist.m3u8" type="application/x-shockwave-flash" controls autoplay>
            </video>

</div>

versuchte ich jwplayer-Assistent, es funktioniert, aber es ist nicht frei.... ich weiß nicht, was zu tun ist.

weiss jemand einen kostenlosen player? oder eine Lösung für diesen code?

Dank.

  • Einfach wie es in der video-tag funktionieren sollte. Vielleicht liegt das Problem bei Ihrem M3U8-Datei selbst (eines der videos verwiesen wird, nicht unterstützt wird auf Ihrem browser). Es wäre sinnvoll, auch dies und auch die browser-Konsole ausgegeben wird, die möglicherweise mehr info. BTW, ich glaube nicht, dass Sie benötigen, die 'type="application/x-shockwave-flash" - haben Sie versucht, es ohne diese?
  • ich versuchte es immer noch nicht.
  • Sie post müssen die browser-Konsole Ausgabe und auch die video-url, wenn möglich, und poste die m3u8-Datei. Nicht alle video-Formate werden unterstützt, die auf allen Browsern so ist dies nicht ein ungewöhnlicher Fehler.
InformationsquelleAutor user4335407 | 2015-03-26
  1. 2

    Nur Safari 6.0+ hat native HLS-Unterstützung. Sie können es nicht verwenden mit HTML5 auf einen Schreibtisch stellen.

    Einen kostenlosen player, der unterstützt die HLS über Flash ist mediaelement.js

    mediaelement.js - HLS-Demo.

    • ist es möglich, die host für die video-ohne Installation auf der website root?
    • Ich bin mir nicht sicher, was Sie Fragen. Sie benötigen mediaelement.js auf Ihrer Website, aber die source-stream ein live-stream wie in deinem Beispiel.
    • hmm das habe ich versucht, das Beispiel, aber es hat nicht funktioniert , dann kopierte ich die gesamte website zu sehen, wenn es funktioniert ist es nicht... aber immerhin habe ich herausgefunden, ein anderer Weg, es zu tun. Dank
    InformationsquelleAutor aergistal
  2. 3

    einfach, sir, Sie können Folgen Sie dieser Datei:

    HTML:

    <script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
<video id="video"></video>
<script>
  if(Hls.isSupported()) {
    var video = document.getElementById('video');
    var hls = new Hls();
    hls.loadSource('http://cdncities.com/deranalive/deranalive/playlist.m3u8');
    hls.attachMedia(video);
    hls.on(Hls.Events.MANIFEST_PARSED,function() {
      video.play();
  });
 }
 //hls.js is not supported on platforms that do not have Media Source Extensions (MSE) enabled.
 //When the browser has built-in HLS support (check using `canPlayType`), we can provide an HLS manifest (i.e. .m3u8 URL) directly to the video element throught the `src` property.
 //This is using the built-in support of the plain video element, without using hls.js.
  else if (video.canPlayType('application/vnd.apple.mpegurl')) {
    video.src = 'http://cdncities.com/deranalive/deranalive/playlist.m3u8';
    video.addEventListener('canplay',function() {
      video.play();
    });
  }
</script>

    InformationsquelleAutor Mahmoud Elhassan Elhagagy
Schreibe einen Kommentar