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

这是我第一次尝试使用html5显示视频.我可以在本地计算机上观看视频并进行清洗,代码没有问题.

但是今天,我将视频页面在线加载到了我的一个子域中,例如abc.mysite.com.视频只是消失了.我去检查了萤火虫,代码的源代码部分变成了灰色.

有人可以引导我朝着正确的方向进行操作,以使此视频在线播放吗？ 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> 

解决方法:

有一个类似的问题,我不得不通过.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/

标签：html5,html5-video,css,javascript
来源： https://codeday.me/bug/20191201/2082732.html