在html页面中显示不同格式的视频

我在硬盘上有不同格式的视频，我想在html页面中显示，例如，例如截至目前我有.mp4和.flv视频格式=并试图显示与HTML代码如下在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页面上格式化？

编辑

由于.flv影片不是由HTML的支持，我把它们转换成MP4和编辑如下代码，我仍无法播放视频时，只显示空白图像页面的视频

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

来源

2013-03-07 shiva krishna

你确定1100000.flv是一个MP4文件吗？扩展名为.flv，并且任何兼容HTML5的浏览器（这是Flash视频格式）都不支持该扩展名。 – 2013-03-07 07:22:34

我编辑了我的问题，请你看看它吗？ – 2013-03-07 07:30:27

下一个故障排除步骤是确保1100000_cnvtd.mp4没问题。它是否会在您碰巧拥有的其他媒体播放器中播放？既然你已经安装了'ffmpeg'，你也应该有'ffprobe'。针对1100000_cnvtd.mp4运行ffprobe。 H.264视频和AAC音频？ – 2013-03-07 07:33:45

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

您可以尝试：根据意见讨论

http://flowplayer.org/

来源

2013-03-07 07:25:07

き通过了在Linux ffmeg命令转换的FLV文件中的MP4文件，并试图显示相同的，但它不工作，视频的图像空白在屏幕上显示，但它是无法播放的格式，我的意思是视频不播放？ – 2013-03-07 07:27:43

您可能没有使用正确的设置转换它。如果其他mp4文件正在播放，浏览器显然没有问题。 – 2013-03-07 07:35:08

我已经使用的命令是FFMPEG -i /home/user/videos/1100000.mp4 /home/user/videos/1100000_cnvtd.mp4 – 2013-03-07 07:36:36

，我想我有足够的数据来回答你的问题：

原来，你的问题视频有.flv扩展。这很可能是HTML5兼容浏览器无法处理的格式（我说'有可能'，因为它可能是一个错误文件扩展名的正确文件;文件扩展名会触发错误的MIME类型发送通过网络服务器响应，可能会混淆一些浏览器）。
您的快速验证性视频转换功能不足。 ffmpeg -i v1.mp4 v2.mp4将生成具有MPEG-4第2部分视频的.mp4文件，HTML5兼容的浏览器通常不支持该文件。您需要确保视频采用H.264格式。

因此，一般来说，请确保您的视频落入由您的传送机制定义的相当严格的约束。在这种情况下，HTML5视频标签需要带有H.264视频和AAC音频的MP4文件。

来源

2013-03-07 08:12:07

感谢您的详细解释，并帮助我们了解概念，并且我的观点是如何使用H.264视频和AAC音频将flv格式的视频转换为mp4格式？ – 2013-03-07 09:03:47

是的，我曾试图用下面的命令转换的mencoder -ovc /shiva/1100000.flv X264 -oac twolame -o /shiva/1100000.mp4实际上为视频已经onverted但是当我试图在网页上显示出来，还视频未播放的问题 – 2013-03-07 10:12:22

在html页面中显示不同格式的视频

回答

相关问题