Question

我正在尝试投放此网址：http://stream331.overseebrasil.com.br/live_previd_155/definst/live_previd_155/playlist.m3u8

<audio id="streaming" class="video-js vjs-default-skin" controls>
  <source src="http://stream331.overseebrasil.com.br/live_previd_155/_definst_/live_previd_155/playlist.m3u8" type='audio/mp4; codecs=mp4a.40.2' />
</audio>

Safari / Mac和Safari / iOS工作正常，但代码不能在Chrome和Firefox中运行。

我尝试从type属性中删除编解码器的信息，但没有任何反应。 Firefox说：

Specified "type" attribute of "audio/mp4; codecs=mp4a.40.2" is not supported. Load of media resource http://stream331.overseebrasil.com.br/live_previd_155/_definst_/live_previd_155/playlist.m3u8 failed. 
All candidate resources failed to load. Media load paused.

我也尝试过根据mime页面更改type属性（http://www.videojs.com/projects/mimes.html）有关这个问题的任何想法吗？

Answer 1

跨浏览器HLS支持正在另一个插件contrib-hls中进行。它在Safari中工作，因为浏览器原生支持HLS播放，但其他都没有，因为Video.js后备不支持。

尝试使用该插件非常简单，但如果您使用的是Video.js的CDN版本，则需要上传某些内容。

<script src="/path/to/video.js"></script>
<script src="/path/to/videojs-hls.min.js"></script>
<script>
  var player = videojs('video');
  player.hls('http://example.com/video.m3u8');
</script>

然后你可以照常对待玩家player.play()等等。

使用video.js流式传输m3u8

1 个答案: