Videojs HLS無法正常工作

我正在嘗試流式傳輸HLS媒體槽videojs，但它不工作。Videojs HLS無法正常工作

我知道，桌面瀏覽器不支持HLS，但其沒有工作在Android/iOS設備也...

我得到一個錯誤：不兼容的源被發現的這段視頻

任何人都可以看看我的代碼，並發現任何錯誤？

流正在我的本地服務器上工作，使用VLC進行測試，因此問題必須出現在我的videojs配置中。

<!DOCTYPE HTML> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>Test</title> 
    <link href="http://belelros.github.io/videojs-playLists/css/main.css" rel="stylesheet"> 
    <link href="http://belelros.github.io/videojs-playLists/css/normalize.css" rel="stylesheet"> 
    <link href='http://fonts.googleapis.com/css?family=Rokkitt' rel='stylesheet' type='text/css'> 
    <link href="//vjs.zencdn.net/4.9/video-js.css" rel="stylesheet"> 
    <script src="//vjs.zencdn.net/4.9/video.js"></script> 
    <script src="https://rawgithub.com/Belelros/videojs-playLists/master/lib/videojs-playlists.js" data-cover></script> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
    <script src="main.js"></script> 

</head> 
    <div class="video-holder centered"> 

     <video id="video" class="video-js vjs-default-skin" 
       controls preload="auto" width="640" height="640" 
       data-setup='' 
       poster=""> 
     </video> 

     <div class="playlist-components"> 
<script> 
    var videos = [ 
     { 
      src : [ 
      'http://192.168.1.165/streamtest1.m3u8' 
      ], 
      poster : 'images/bbc_news.png', 
      title : 'BBC WORLD NEWS' 
     }, 
     { 
      src : [ 
      'http://192.168.1.165/streamtest2.m3u8' 
      ], 
      poster : 'images/al_jazeera_english.png', 
      title : 'AL JAZEERA' 
     }, 
     { 
      src : [ 
      'http://192.168.1.165/streamtest3.m3u8' 
      ], 
      poster : 'images/viasat_explore.png', 
      title : 'Viasat Explore' 
     } 
     ]; 
</script> 

      <div class="playlist"> 
       <ul></ul> 
      </div> 
     </div> 
    </div> 


</body> 
</html>

我使用videojs https://github.com/jgallen23/videojs-playLists

也許我應該某處定義視頻類型的播放列表插件？

來源

2014-10-03 user2033139

當我刪除播放列表和只使用一個源，然後正常工作。如果我想使用播放列表，我該如何定義內容類型。 – user2033139 2014-10-03 16:33:58

我固定它，加入M3U8擴展videojs-playlist.js

player.pl._guessVideoType = function(video){ 
var videoTypes = { 
    'webm' : 'video/webm', 
    'mp4' : 'video/mp4', 
    'm3u8' : 'application/x-mpegURL', 
    'ogv' : 'video/ogg' 
};

來源

2014-10-03 16:53:09 user2033139

Videojs HLS無法正常工作

回答

相關問題