HTML 视频问题

Posted 2023-03-15

【中文标题】HTML 视频问题

【英文标题】：HTML Video Issue

【发布时间】：2012-09-25 19:56:03

【问题描述】：

我正在尝试在我的网站上放一段视频。它在我桌面上的资源管理器中播放，但是当我将它放到网上时它不播放（但它在我的手机上播放），它只是显示一个中间有“x”的黑屏。我没有使用 Apache 或 Wordpress，仅使用 html 和记事本以及 fasthosts 作为我的提供者。

从我一直在网上阅读的内容来看，这可能与 MIME 类型有关。我什么都试过了，还是搞不定。

这是目前为止的代码...

<video  height "203" controls="controls">
 <source src="Media\Videos\Water Video 2.mp4" type="video/mp4">
 <source src="Media\Videos\Water Video 2.ogg" type="video/ogg">
 <source src="Media\Videos\Water Video 2.webm" type="video/webm">
</video> 

我拥有的 .htaccess 文件的唯一内容是......

AddType video/ogg .ogg
AddType video/webm .webm
AddType video/mp4 .mp4

任何可以提供的帮助都会很棒。

提前致谢， 保罗

【问题讨论】：

有一次我在我的 rackspace 盒子上遇到过这样的问题，结果是没有为 .ogg 或 .mp4 设置 MIME 类型。调整了那些和噗......

feedforall.com/mime-types.htm

【参考方案1】：

首先，我将尝试其中一个与您的 HTML5 嵌入：

http://videojs.com/

http://mediaelementjs.com/

这些将帮助您的视频在不支持 HTML5

其次，确保您的元数据位于 mp4* 的前面，这样文件就会立即播放，而不是等待整个视频下载完毕。对于 Webm 文件，请确保它具有低 kbps（例如 600kbps），以便可以在 android 上加载。

*这是我使用的：http://rndware.info/products/metadata-mover.html

干杯！

【讨论】：

感谢您的建议，但我已经实施了您的建议，但仍然无法正常工作。看起来视频没有加载，但是当我从桌面尝试完全相同的代码时它会加载。

您能发布一个指向实时示例的链接吗？我想查看实施情况。

【参考方案2】：

我得到了同样的黑框，中间有一个 x...除了这是 HTML5 音频标签，我只在 IE 9 中遇到这个错误。

对我来说，最终我需要更改 Internet Explorer 中的设置：

工具 -> Internet 选项 -> 高级 -> 多媒体：“在网页中播放声音”。

无论如何，如果这个问题只发生在 IE 9 中，我会检查那些多媒体设置，看看是否有任何可以改变的地方，让它神奇地活起来。

希望有帮助！