2016-05-26 3 views
1

Я следую github: https://github.com/videojs/videojs-contrib-hls#getting-started, а также после этого сообщения How to play html5 video play m3U8 on mobile and desktop? для потоковой передачи m3u8 в хром. Но я не понимаю, почему этого не происходит. Я всегда получаю сообщение об ошибке неверного источника на медиаплеере.htm5 видео src в m3u8 не играет в Chrome

<!DOCTYPE html> 
<html> 
<head> 
    <title>Video</title> 
    <meta charset="utf-8" /> 
    <style> 
     body { 
      background: brown; 
      color: #CCCCCC; 
     } 
    </style> 

    <script src="video.js"></script> 
    <script src="videojs.hls.min.js"></script> 
    <script> 
    var player = videojs('example-video'); 
    player.play(); 
    </script> 
</head> 
<body> 
    <video id=example-video width=960 height=540 class="video-js vjs-default-skin" controls> 
    <source 
    src="http://esioslive6-i.akamaihd.net/hls/live/202874/AL_P_ESP1_INTER_ENG/playlist_1000.m3u8" 
    type="application/x-mpegURL"> 
</video> 

</body> 
</html> 

вот список. и я в загруженного videojs-contrib-hls и videojs- contrib-hls.min здесь https://github.com/videojs/videojs-contrib-hls/releases

enter image description here

Кроме того, когда я проверил из хромированной консоли я нашел ошибки, которые я пытался решить, но не может. Ошибка:

Failed to load resource: net::ERR_FILE_NOT_FOUND 
file:///C:/Users/MIC/Desktop/sss/videojs.hls.min.js Failed to load resource: net::ERR_FILE_NOT_FOUND 
index.html:16 Uncaught ReferenceError: videojs is not defined 

Любая идея, где я делаю неправильно?

ответ

0

Попробуйте использовать полный путь ссылки ЯШ:

В вашем случае будет:

<script src="file:///C:/Users/MIC/Desktop/sss/video.js"></script> 
<script src="file:///C:/Users/MIC/Desktop/sss/videojs.hls.min.js"></script> 

А также проверить вкладку Network в средстве разработки F12 для проверки, если файлы JS (ресурсы).

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