2017-12-04 3 views
0

Ich bin in der Lage, die m3u8 Dateien auf dem PC und Android-Geräten zu spielen, aber ich kann diese Dateien nicht in den iOS-Mobilgeräten und Safari-Browser, Ich habe die overrideNative auf "True" für die Android-Geräte deaktiviert, so dass es im Android funktioniert. aber wir sollten das native für iOS und Safari nicht deaktivieren, weil iOS Safari einen nativen Player verwendet, , also habe ich das Overridnative für das iOS falsch gesetzt. aber es funktioniert nicht. Ich folge neuen Videojs-Versionen.Videojs HLS m3u8 Dateien spielen nicht in iOS-Geräten und Safari Browser

VideoJS: 6.4.0

VideoJS Contrib HLS: 5.12.2

VideoJS flash: 2.0.1

Beispiel

<!DOCTYPE html> 
    <html> 
    <head> 
    <meta charset=utf-8 /> 
    <title>videojs-contrib-hls</title> 

    <link href="https://unpkg.com/[email protected]/dist/video-js.css" rel="stylesheet"> 
    <script src="https://unpkg.com/[email protected]/dist/video.js"></script> 
    <script src="https://unpkg.com/[email protected]/dist/videojs-flash.js"></script> 
    <script src="https://unpkg.com/[email protected]/dist/videojs-contrib-hls.js"></script> 

    </head> 
    <body> 
     <h1>Video.js Example Embed</h1> 
     <video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="600" height="268" 
     data-setup='{}'> 
     <source src="https://d2zihajmogu5jn.cloudfront.net/bipbop-advanced/bipbop_16x9_variant.m3u8" type="application/x-mpegURL"> 
     </video> 
     <script> 
     let videojshls= videojs('my_video_1', { html5: { 
     nativeAudioTracks: false, 
     nativeVideoTracks: false, 
     hls: { 
      debug: true, 
      overrideNative: false 
     } 
     }}); 
     </script> 
    </body> 
    </html> 

example jsfiddle

bitte kann mir jemand helfen. Danke

Antwort

1

Versuchen Sie diese http://jsfiddle.net/fxfktztx/1/. Für mich geht das.

var overrideNative = false; 

var player = videojs('example-video', { 
    html5: { 
    hls: { 
     overrideNative: overrideNative 
    }, 
    nativeVideoTracks: !overrideNative, 
    nativeAudioTracks: !overrideNative, 
    nativeTextTracks: !overrideNative 
    } 
}); 
player.play(); 

Soweit ich weiß, VideoJS options übergeben werden soll, wenn der Spieler initialisiert wird, entweder mit data-setup Attribute oder direkt in den Konstruktor, wie ich in dem obigen Beispiel tat.

+0

danke @cgcladera, seine Arbeit, –

Verwandte Themen