这是我第一次尝试使用html5来显示视频。我可以在本地机器上查看视频和wamp,代码没问题。
然而今天我将视频页面在线加载到我的一个子域名,例如abc.mysite.com。视频简直消失了。我去检查firebugs,代码的源代码部分是灰色的。
有人可以带我到正确的方向让这个视频在线工作吗? cpanel中有什么东西我需要配置才能使html5在线吗?非常感谢。
这是代码
<div id="item1" class="item">
<div class="content">
<a href="#item2" class="panel">
<video id="my_Video" width="100%" height="100%" preload="auto" autoplay loop>
//below is where greyed out on firebugs!!
<source src="_video/abc12296_Animation.mp4" type="video/mp4" />
<source src="_video/abc12296_Animation.webm" type="video/webm" />
<source src="_video/abc12296_Animation.ogv" type="video/ogg" />
<p>Your browser does not support HTML5 video.</p>
//finished grey out!
</video>
</a>
</div>
</div>
<script>
$("#my_Video").bind("ended", function(){
this.play();
});
</script>
答案 0 :(得分:2)
有一个类似的问题,我必须通过我的服务器上的.htaccess注册mime类型(mp4之前没有工作)。
htaccess的文件:
AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/mp4 .mov
AddType video/webm .webm
点击此处:http://blog.j6consultants.com.au/2011/01/10/cross-browser-html5-video-running-under-iis-7-5/
答案 1 :(得分:1)
只是一个想法,但你的服务器阻止下划线前缀文件夹?
如果您输入完整的网址(即http://abc.mysite.com/_videos/abc12296_Animation.mp4),可以直接访问视频吗?
除非您指定并希望告诉服务器如何处理它,否则某些服务器可能无法提供这些特定文件类型。您能否提供有关您正在使用的主机的更多信息?
修改由于我无法对主要问题发表评论。 aletzo所说的区分大小写的是一些服务器(通常是Linux)区分大小写,因此FILE.gif与file.gif不同,其他服务器(通常是Windows)不关心大小写,FILE.gif和file.gif是实际上指的是同一个文件。