2012-10-04 87 views
1

我试图在我的网站上放一段视频。它在我桌面上的资源管理器中播放,但当我将它放到网上时,它不会播放(但它在我的手机上播放),它只是在中间显示一个带有“x”的黑色屏幕。我没有使用Apache或Wordpress,只有HTML和记事本和fasthosts作为我的提供者。HTML视频问题

从阅读我一直在线上它可能是与MIME类型有关。我试过eveything,但无法弄清楚。

下面的代码到目前为止...

<video width="360" 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 

可以提供任何帮助将是辉煌。

由于提前, 保罗

+0

我在我的rackspace盒子上遇到过这样的问题,事实上没有为.ogg或.mp4设置MIME类型。调整这些和噗... – Brant

+0

http://www.feedforall.com/mime-types.htm < - 你可以看到什么样的MIME类型应该看起来像这里。 – Brant

回答

0

首先,我会尝试这些中的一个与你的HTML5一起嵌入:

http://videojs.com/

http://mediaelementjs.com/

这将有助于您的视频在浏览器上玩没有HTML5 <视频>支持。

其次,请确保您的元数据位于您的mp4 *的前端,以便文件立即播放,而不是等待整个视频下载。对于Webm文件,确保它具有低kbps(例如600kbps),因此可以在Android上加载。

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

干杯!

+0

感谢您的建议,但我已经实施了您的建议,但它仍然无法正常工作。它看起来像视频不加载,但它确实当我尝试从桌面上完全相同的代码。 – Paul

+0

你可以发布一个链接到现场示例吗?我想审查实施情况。 – KruegerDesigns

0

我得到同样的黑色盒子带有X在中间......除了这对HTML5的音频标签,我只是得到这个错误在IE 9

对于我来说,它结束了这我需要在Internet Explorer中更改设置:

工具 - > Internet选项 - >高级 - >多媒体:“在网页中播放声音”。无论如何,如果这个问题只发生在你的IE 9中,我会检查那些多媒体设置,看看你有没有什么可以改变的地方,这将使它神奇地活跃起来。

希望有帮助!