如何在 Firefox 3.6.20 中让 OGG 视频自动播放答案

【问题标题】：How To Have An OGG Video Perform Auto-Playback In Firefox 3.6.20如何在 Firefox 3.6.20 中让 OGG 视频自动播放
【发布时间】：2011-08-28 23:29:09
【问题描述】：

我有一个简单的面向 HTML5 的本地页面，它可以在使用 IE 9 和 Google Chrome 13 的 Windows Vista 和 Windows 7 下正确且一致地播放使用 MP4 和 WebM 格式的简单视频循环。在 FireFox 3.6.20 下，指定OGG 视频文件将播放，但一旦完成，将不会回到视频剪辑的开头并再次播放。

我用于播放视频的 HTML 如下：

<video class="video-js" width="600" height="400" poster="images/home.jpg" preload="auto" autoplay="autoplay" loop="loop"> 
  <source src="videos/home.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' /> 
  <source src="videos/home.webm" type='video/webm; codecs="vp8, vorbis"' /> 
  <source src="videos/home.ogv" type='video/ogg; codecs="theora, vorbis"' /> 
  <!-- Flash Fallback. Use any flash video player here. Make sure to keep the vjs-flash-fallback class. --> 
  <object id="flash_fallback_1" class="vjs-flash-fallback" width="600" height="400" type="application/x-shockwave-flash" 
    data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf"> 
    <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" /> 
    <param name="allowfullscreen" value="true" /> 
    <param name="flashvars" 
      value='config={"playlist":["image.png", {"url": "home.mp4","autoPlay":true,"autoBuffering":true}]}' /> 
    <!-- Image Fallback. Typically the same as the poster image. --> 
    <img src="images/home.jpg" width="600" height="400" alt="Poster Image" 
      title="No video playback capabilities." /> 
  </object> 
</video>

有没有办法让 FireFox 回到视频的开头 home.ogv，并在完成初始播放后继续播放？

如果这可能是一个重复的问题，我深表歉意，但我已尝试缩小我的 HTML 范围以尽可能多地复制自动播放问题，并且在推荐主题上发布的其他解决方案似乎都没有得到我更接近一个可行的解决方案。

提前感谢您的时间、帮助和耐心...

【问题讨论】：

标签： html firefox video

【解决方案1】：

Loop 属性不起作用，您需要一些 JS 解决方法。您可以使用 JPlayer 或 JW Player 并让它为您解决问题。

【讨论】：

非常感谢您的建议。我已经在 blog.joggink.com/2010/10/… 上尝试过使用 JavaScript 发布的解决方法。我尝试了以下非 JQuery 实现： document.querySelectorAll('video[video-js]').onended = function() { this.play(); }; JavaScript 的 querySelectAll() 应该从页面返回视频元素，一旦到达视频的结尾， this.play() 应该会导致视频从头开始重复播放。然而，这并没有像预期的那样发生。
JPlayer 说它支持 Firefox 3.6。它使用addEventListener("ended"... 和一些依赖于浏览器的怪癖。对于 Firefox，id 是 self.htmlElement.media.currentTime = 0;。我认为你最好阅读它的一些代码。