本地 wordpress 安装不播放 html5 视频

Posted 2023-02-25

【中文标题】本地 wordpress 安装不播放 html5 视频

【英文标题】：local wordpress installation not playing html5 video

【发布时间】：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   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 你是一座金矿！现在所有浏览器都在播放视频。非常非常感谢！

【参考方案1】：

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

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