Question

所以，我一直在两个网站上工作（对于网页设计和编码来说还是比较新的）。我在Dreamweaver上使用Mac。测试了Safari，Firefox和Chrome上的网站，看起来都不错。没有访问PC，但Dreamweaver说Explorer没有浏览器冲突。太棒了，对吧？

然后几天前，我开始在办公室里用PC运行Explorer 9.在那里测试我的网站，我注意到两个问题：

在我的头版（www.lesbianzombies.com）上，我有一个关于自动播放的开场视频（7-8秒），没有控制。出于某种原因在资源管理器上 - 它播放视频，但视频被踢出div / frame，并覆盖页面其余部分的菜单。我不能为我的生活弄清楚为什么它在探险家这样做（尝试改变css，但没有任何工作）。
同时，我的其他网页上的视频不是自动播放，而且DO有控件 - 视频无法播放 - 甚至没有选择尝试在资源管理器上播放。只显示海报。（例如：www.bigthingsproductions.com/projects.html）

在我的代码中，我正在使用HTML5视频对象。我有mp4选项，然后是webm，然后是ogg。然后我有一个flash选项，如果那些不起作用，不可用。我以为我已经覆盖了我的基地。

我无法测试网站在Explorer 7或8中的行为方式。所以我很想知道它是否只是一个v9问题。关于如何解决这个问题的任何想法？

以下是我用于视频播放框架的首页的代码：

<div id="main">
      <div id="homeMain">

       <video id="OpenVideo" width="796" height="546" poster="QueenHome.jpg" autoplay />
  <source src="loading.mp4" type="video/mp4" />
  <source src="loading.webm" type="video/webm" />
  <source src="loading.ogv" type="video/ogg" />
  <!-- Non HTML5 fallback -->
  <object width="796" height="546" type="application/x-shockwave-flash" data="http://fpdownload.adobe.com/strobe/FlashMediaPlayback.swf"> 
  <param name="movie" value="http://fpdownload.adobe.com/strobe/FlashMediaPlayback.swf"></param>
  <param name="flashvars" value="src=http%3A%2F%2Fwww.lesbianzombies.com%2FQueenFront_flash.mp4&controlBarMode=none&poster=http%3A%2F%2Fwww.lesbianzombies.com%2Fimages%2FQueenFront.jpg&playButtonOverlay=false&autoPlay=true"></param>
  <param name="allowFullScreen" value="false"></param>
  <param name="allowscriptaccess" value="always"></param>
  <img src="images/QueenHome.jpg" alt="No video supported." title="No video supported." />
  </object>
  <!-- End Non HTML5 fallback -->
</video>

      </div>
    </div>
    <script src="scripts/videoHandler.js"></script>
  <!-- InstanceEndEditable --><!-- End main -->

此外，相关的CSS：

#main #homeMain {
    margin: 0px;
    padding: 0px;
    background-color: #000;
}

提前致谢！

Explorer 9的视频流问题

0 个答案: