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

Question

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

Answer 1

有一个类似的问题，我不得不在我的服务器上通过 .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/