Videojs HLS не работает

Я пытаюсь передать медиатеку HLS mediajs, но ее не работает.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

Я зафиксировал его, добавил 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 не работает

ответ

Смежные вопросы