4

如何在 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' />

有谁能够帮我？

4

5 回答 5

0

我知道这是一篇旧帖子，但如果您想缓冲提要并执行以下操作，您可能会做的事情。

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

于 2014-05-21T15:00:25.187 回答
0

您可以使用 Kaltura 播放器，该播放器使用适用于 IE8 的 flash 组件播放 HLS，并在 ios 设备和 android 4+ 上使用本机视频播放。

于 2014-07-28T06:41:22.857 回答
0

只需使用 mangui 自定义 videojs flash 播放器

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

于 2015-04-02T19:55:31.307 回答
0

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

于 2014-02-12T17:52:11.043 回答
0

一些浏览器喜欢你直接玩的边缘ts没有video.js。参考这个答案

<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>
于 2019-08-06T03:07:39.320 回答