MP4没有通过HTML5标签在LOCAL Apache上显示，但是webm - 是吗？

Question

我正在尝试使用以下代码在XAMPP（在WinXP上运行的本地/ Intranet Apache）上测试HTML5视频..

<video width="590px" height="332px" controls="controls">
<source src="http://localhost/work( this is website root folder)/broadband/video/Test_video.mp4" type="video/mp4"></video> 

事实1：在Chrome上，HTML5 .webm＆amp; .mp4就像一个魅力。

事实2：在Opera 34和FireFox 43上，.webm有效。但是，我无法在FF＆amp;歌剧。 FF表示“不支持的格式或错误的MIME类型”，并且两个播放器/浏览器上的控件都被冻结。

事实3：在任何地方都没有指定MIME类型。不是mp4，甚至不是webm。未在.htacces中指定，也未在conf / mime.types文件中指定。即使我确定了我已经尝试过的东西，也没有其他事情发生。但无论如何，.webm格式 - 在两个“有问题”的浏览器上运行，是否被指定。

mp4视频文件数据：H.264 / AAC，分辨率656 x 370

ps：我没有在网上测试过这个问题，因为首先我想在XAMPP上运行它。

我想完全依赖MP4格式（没有webm和ogv格式/备份），所以我希望有人知道修复这个或至少...有一些线索。感谢名单。

Answer 1

根本没有办法强制支持mp4。 HTML音频和视频元素依赖于浏览器支持，它被烘焙到浏览器中。如果用户浏览器不支持它，那就不幸了。

以下是我遇到的最好的直接教程和推理解释：HTML5 video element。

正确的HTML5是使用源标记并提供浏览器备份选项。在现场制作网站上你应该这样做。我知道测试网站可能很烦人，但在这种情况下，只需使用Chrome for mp4支持就可以测试它。

修改
您唯一的选择是显示一个链接，如果浏览器无法播放您使用的格式，则允许下载mp4。

<强>更新
我最初添加的链接遭受链接腐烂。我正在添加以下主要内容以防再次发生。如果链接再次腐烂，并且您希望完整文章搜索Blaine Robertson的 HTML5视频简介。

  

过去，HTML依靠第三方工具（如Flash）在网页内放置和运行视频。幸运的是，HTML5和支持它的现代浏览器使这成为过去。现在，浏览器可以原生支持视频，这使得开发人员和网站访问者更加方便。您可以在http://www.w3.org/wiki/HTML/Elements/video的W3C wiki参考资料中了解更多关于HTML5视频的官方信息。

     

与音频格式一样，不同的浏览器支持不同的视频格式。这使得开发人员很麻烦，因为而不是创建单个视频，您将不得不使用不同的格式创建三个版本的视频文件：MP4，OGV和WebM。