1

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

几天前，我开始在办公室工作，使用 PC 并运行 Explorer 9。在那里测试我的网站时，我注意到两个问题：

  1. 在我的首页 (www.lesbianzombies.com) 我有一个关于自动播放的开场视频（7-8 秒），没有控制。出于某种原因，在资源管理器上 - 它播放视频，但视频被踢出 div/frame，并覆盖了页面其余部分的菜单。我一生都无法弄清楚为什么它在资源管理器中这样做（尝试更改 css，但没有任何效果）。

  2. 同时，我的其他页面上的视频不是自动播放的，并且有控件-视频不播放-甚至没有尝试在资源管理器上播放的选项。只显示海报。（例如：www.bigthingsproductions.com/projects.html）

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

我无法测试这些站点在 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;
}

提前致谢！

4

0 回答 0