Question

我正在使用XAMPP开发WordPress网站。我在标题中使用html5视频标记来显示视频。我在C：\驱动器上有视频 - 而不是在XAMPP安装中。 C:\WebVideo是道路。

我正在五大浏览器中进行测试：

Firefox 27.0.1，其中显示＆＃34;找不到支持MIME类型的视频＆＃34;
IE9只显示一个大黑盒子。
Chrome版本32与Opera 17一样显示控制栏。
Safari 5.1.7显示标题，但没有提示应该显示视频。

所以，我唯一的线索就是MIME类型。

我的.htaccess文件夹中有一个C:/xampp/htdocs/wordpress文件。这是该文件的内容：

AddType video/mp4 .mp4 .m4v
AddType video/ogg .ogv
AddType video/webm .webm

我知道正在读取文件，因为当我在文件中放入一堆废话时，我会收到内部服务器错误。当删除废话时，Wordpress正常运行。

以下是我使用的HTML：

<video width="320" height="240" controls="" preload="" style="width:30%; position:absolute; float:right; ">
<source src="C:/WebVideo/my-vid.mp4"></source>
<source src="C:/WebVideo/my-vid.ogv"></source>
<source src="C:/WebVideo/my-vid.webm"></source>
</video>

视频本身没有被破坏，它可以正常播放。

我已经在网上花了大约2个小时寻找一些修复并空手而归。有人有什么想法吗？

Answer 1

正如评论中所述，Safari需要安装QuickTime才能通过<video>标记播放视频（仅限Windows）。

此外，建议为后备目的提供备用视频源。更好的是，使用具有Flash播放器后备功能的库，例如videoJS。

本地wordpress安装不播放html5视频

1 个答案: