HTML视频标记建议

时间:2015-12-16 10:33:42

标签: html5 video mime-types

我有一个奇怪的问题,我无法解决。我有流,我必须放在一个网站。我无法访问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),但没有成功。

任何帮助将不胜感激。

1 个答案:

答案 0 :(得分: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>