1

我的硬盘上有不同格式的视频，然后我想在 html 页面中显示，例如到目前为止我有.mp4视频.flv格式 = 并尝试使用下面的 html 代码显示

<div style="padding-top:90px;">
  <video id="vid" width="350" height="250" controls="controls">
           <source src="/home/user/videos/django_cms_1280x720.mp4" type="video/mp4" />
   </video>
  <video id="vid_re" width="350" height="250" controls="controls">
           <source src="/home/user/videos/1100000.flv" type="video/mp4" />       
   </video>
</div>

因此，当在浏览器中呈现/打开 html 页面时，django_cms_1280x720.mp4视频播放没有问题，但1100000.flv没有播放......

谁能告诉我如何在html页面上显示和播放不同格式的视频？

已编辑

由于.flvhtml 不支持视频，我已将它们转换为 mp4 并编辑如下代码，但仍然无法播放视频，页面仅显示视频的空白图像

  <video id="vid_re" width="350" height="250" controls="controls">
           <source src="/home/user/videos/1100000_cnvtd.mp4" type="video/mp4" />       
   </video>
4

2 回答 2

0

FLV 不支持作为浏览器播放的本机格式。您必须使用插件才能在您的网站上播放 flv。

你可以试试：

http://flowplayer.org/
于 2013-03-07T07:25:07.033 回答
0

根据评论讨论，我认为我有足够的数据来回答您的问题：

  1. 最初，您的问题视频具有 .flv 扩展名。这很可能是兼容 HTML5 的浏览器无法处理的格式（我说“可能”是因为它很可能是带有错误文件扩展名的正确文件；文件扩展名会触发发送错误的 MIME 类型通过可能会混淆某些浏览器的 Web 服务器响应）。
  2. 您的快速、概念验证视频转换是不够的。ffmpeg -i v1.mp4 v2.mp4将生成一个 .mp4 文件，其中包含 MPEG-4 第 2 部分视频，HTML5 兼容浏览器通常不支持该视频。您需要确保视频为 H.264 格式。

因此，一般而言，请确保您的视频符合您的交付机制所定义的相当严格的限制。在这种情况下，HTML5 视频标签需要带有 H.264 视频和 AAC 音频的 MP4 文件。

于 2013-03-07T08:12:07.900 回答