ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

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

2019-12-01 18:37:05  阅读:191  来源: 互联网

标签:html5 html5-video css javascript


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

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有