兼容的浏览器中不显示HTML5视频标记

Question

我的计算机上通过XAMPP在Apache上托管了一个页面。我正在使用HTML5视频标记将视频插入页面，如下所示：

<video id="video1" width="480">
    <source src="ad1.mp4" type="video/mp4">
    Your browser doesn't support the video tag
</video>

但是，当页面加载时，它不会加载视频。它也没有显示缺乏兼容性的行。

我检查了mime-types文件以确保视频/ mp4确实在那里，它确实存在。我还创建了一个.htaccess文件，并使用AddType添加文件扩展名，但无济于事。

我能够获得不同的mp4（更大的文件大小）来播放和正确显示，即使两者都在同一目录中。我没有任何影响视频负载的JS代码，应该播放的文件名确实是＆＃34; ad1.mp4＆＃34;。

htdocs文件夹中的文件列表如下：

video.html   (the page displaying the video)
ad1.mp4      (The video in question)
content.mp4  (The video that plays properly)

如果需要更多信息，请不要犹豫！

任何帮助表示赞赏！非常感谢你！

Answer 1

我建议你阅读http://goo.gl/4NwNP7并始终使用flash作为后备选项。

仅使用HTML5视频标记，您无法实现100％的跨浏览器解决方案。

同样在您的情况下，其中一个解决方案是https://stackoverflow.com/a/9349984/800639