HTML 视频标签建议答案

【问题标题】：HTML video tag suggestionsHTML 视频标签建议
【发布时间】：2016-03-22 10:48:30
【问题描述】：

我有一个奇怪的问题，我无法解决。我有我必须放入网站的流。我无权访问http://94.26.60.47:8880/865tv.mpg 的流链接

使用的编解码器是 mp4。我知道这很奇怪，但我无法更改此链接，我需要将其放入使用 HTML5 视频标签的站点中。我使用了这段代码：

<!DOCTYPE HTML>
<html>
 <head>
  <title>Test Stream</title>
  <meta name="author" content="" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
 </head>
 <body>
  <video width="320" height="240" controls>
        <source src="http://94.26.60.47:8880/865tv.mpg" type="video/mp4">
        Your browser does not support the video tag.
  </video>
 </body>
</html>

结果在 Chrome 中我只看到空播放器。在 Mozilla 我得到更多的调试信息： 不支持“video/mpeg”的 HTTP“Content-Type”。加载媒体资源 http://94.26.60.47:8880/865tv.mpg 失败。无效的 URI。媒体资源加载失败。

我所做的是更改我的 apache conf 中的 mime.types（更改后重新启动）（从 video/mpeg 中删除 mpg 并将其添加到 video/mp4），但没有成功。

任何帮助将不胜感激。

【问题讨论】：

我可能无能为力，但我在 FF 上遇到了“用于获取此资源的连接不安全错误”。

标签： html video mime-types

【解决方案1】：

很明显，您不能使用 html5 播放 mpeg1 或 mpeg2。我也在研究类似的事情。你可以嵌入一个 VLC 网络播放器，它可以很容易地处理这些视频格式。也许考虑...https://wiki.videolan.org/Documentation:WebPlugin/

<html>
     <title>VLC Mozilla plugin test page</title>
     <body>
          <center><embed type="application/x-vlc-plugin" pluginspage="http://www.videolan.org"
              width="640" height="480" id="vlc">
          </embed></center>
     <script language="Javascript">
         <!--
         var vlc = document.getElementById("vlc");
         var id = vlc.playlist.add("http://94.26.60.47:8880/865tv.mpg");
         vlc.playlist.playItem(id);
         //!-->
     </script>
     </body>
</html>

【讨论】：

正如我在问题中明确表示的，它不是 mpeg 格式，而是 mp4。用于对流进行编码的编解码器是 mp4a。文件扩展名和使用的编解码器之间存在混搭。没有办法改变这个扩展。此外，您建议的方式在现代 Chrome 中也行不通，因为它们停止了这些应用程序类型。
@bksi 你错了。我下载并使用十六进制编辑器查看了该文件。它不是 mp4 容器。它是一个 mpeg 传输流。
当我在 VLC 媒体播放器中打开它时，它会在编解码器信息中显示 mp4 编解码器。