html5视频显示在本地但不在线

时间:2012-02-23 03:03:43

标签: javascript css html5 html5-video

这是我第一次尝试使用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> 

2 个答案:

答案 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是实际上指的是同一个文件。