【发布时间】：2014-03-31 20:34:41
【问题描述】：
我正在使用 XAMPP 开发一个 WordPress 网站。我在标题中使用 html5 视频标签来显示视频。我在 C:\ 驱动器上有视频 - 而不是在 XAMPP 安装中。 C:\WebVideo 是路径。
我在五种主流浏览器中测试：
- Firefox 27.0.1 显示“找不到支持 MIME 类型的视频”
- IE9 只显示一个大黑框。
- Chrome 版本 32 与 Opera 17 一样显示控制栏。
- Safari 5.1.7 显示标题时没有提示应该显示视频。
所以，我唯一的线索是 MIME 类型。
我确实有一个位于C:/xampp/htdocs/wordpress 文件夹中的.htaccess 文件。这是该文件的内容：
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 个小时来寻找一些解决方法，结果却空手而归。有人有什么想法吗？
【问题讨论】：
-
旁注：
position: absolute和float: right?听起来不合逻辑。 -
你不应该为你的视频使用本地路径
src。如果你想被WordPress访问（其他网站也一样），把它放在web根目录下，你的情况是C:/xampp/htdocs/。 -
@Shivan 你好，Shivan。我在发布的那一刻就想知道这一点，但我不知道如何解决它。所以，现在视频可以正常播放了——除了 Safari 根本不显示视频。但我猜是另一个问题......非常感谢。
-
@Shivan 哦，我仍在努力的风格。这是一个 WeaverII 模板，绝对定位是我能找到的将其放入页眉的唯一方法。浮动：正确并没有做我认为它会做的事情。视频显示在左侧。但是，我想至少让视频首先出现。再次感谢。
-
@Shivan Shivan 你是一座金矿！现在所有浏览器都在播放视频。非常非常感谢！
标签： html wordpress .htaccess video xampp