【问题标题】:The html5 video shows at local but not onlinehtml5 视频在本地显示但不在线显示
【发布时间】:2012-02-23 03:03:43
【问题描述】:

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

【问题讨论】:

  • 确保视频位于具有该 HTML 的文件的子文件夹中(特别是 _video/),并且文件名也准确。
  • 你能把你的在线网址贴出来。它可以帮助我们测试吗?
  • 也许是区分大小写的事情?​​
  • 感谢您的所有回复。上面的代码是我的索引页,'_video'文件夹和index.php在同一级。问题是代码在我的本地运行良好。奇怪的是代码的源部分在网上变灰了。不幸的是,我不能在 mo 上发布 url,因为它不属于我,但如果需要我可以提供更多代码。 Aletzo 你所说的区分大小写是什么意思,你指的是哪里?谢谢大家。
  • 通常,当所有东西都在本地运行而不是在生产服务器(通常是 linux)中运行时,很有可能在脚本中将名为 Filename.sth 的文件称为 filename.sth。可以在本地工作,但不能在 linux 中工作。

标签: javascript css html html5-video


【解决方案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/

【讨论】:

  • 感谢longilong,它解决了我的问题。干杯,S:)
【解决方案2】:

只是一个想法,但您的服务器会阻止下划线前缀文件夹吗?

如果您输入完整的 URL(即http://abc.mysite.com/_videos/abc12296_Animation.mp4),您可以直接访问视频吗?

另外,一些服务器可能不提供这些特定的文件类型,除非您指定您想要并告诉服务器如何处理它。您能否提供有关您正在使用的主机的更多信息?

编辑因为我无法在主要问题上发布 cmets。 aletzo 所说的区分大小写是一些服务器(通常是 Linux)区分大小写,因此 FILE.gif 与 file.gif 不同,而其他服务器(通常是 Windows)不关心大小写,而 FILE.gif 和 file.gif 是实际上是指同一个文件。

【讨论】:

  • 感谢您对 Msaniac 的有益解释。 S:)
猜你喜欢
  • 2015-08-27
  • 1970-01-01
  • 1970-01-01
  • 2012-12-30
  • 1970-01-01
  • 2011-03-12
  • 2023-03-18
  • 2013-09-15
相关资源
最近更新 更多