Question

如何在HTML5播放器Video.JS中播放HLS流？我找到了这个类型来源的例子：

<source src="http://server/hls/stream007.m3u8" type='video/mp4' />

<source src="http://server/hls/stream007.m3u8" type='application/vnd.apple.mpegurl' />

<source src="http://server/hls/stream007.m3u8" type='application/x-mpegURL' />

有人能帮助我吗？

Answer 1

要在支持它的浏览器上使用HLS（Safari，iOS，一些Androids），请使用'application / x-mpegURL'。您仍然需要为不支持HLS的浏览器提供mp4后备。目前正在开发支持其他浏览器中的HLS。

Answer 2

我知道这是一个旧帖子，但你可以做的事情，如果你想要缓冲Feed并执行以下操作。

获取.m3u8文件，下载并提取其中的视频文件。下载这些文件＆amp;通过ffmpeg＆amp;将它们转换为mp4文件然后将它们链接在一起并在浏览器中播放它们。它很脏，但它会起作用。

Answer 3

您可以使用Kaltura播放器播放HLS，使用可在IE8上运行的闪存组件，并在ios设备和android 4 +上使用原生视频播放。

Answer 4

只需使用mangui自定义videojs flash player

https://github.com/mangui/video-js-swf

Answer 5

有些浏览器，例如Edge，您可以直接播放ts，而无需video.js。请参阅this answer

<video width="352" height="198" controls>
    <source src="index.m3u8" type="application/x-mpegURL">
</video>

对于其他浏览器（例如Firefox和chrome），请像这样使用video.js

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

  <link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet">
  <script src="https://unpkg.com/video.js/dist/video.js"></script>
  <script src="https://unpkg.com/videojs-contrib-hls/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="640" height="268" 
  data-setup='{}'>
    <source src="index.m3u8" type="application/x-mpegURL">
  </video>

  <script>
  </script>

</body>
</html>

Video.js HTML5播放器可以播放m3u8播放列表（HLS）吗？

5 个答案: