javascript - Flowplayer 在 Google Chrome 中加载但无法播放视频，但可以在其他浏览器中运行

Question

我正在使用 Flowplayer 在我正在处理的网站上播放视频。这些视频在 Mozilla 和 IE 中播放正常，但在使用 Chrome 时，单击播放按钮时视频无法播放。它只是快速循环并返回到播放按钮。不过，我知道该视频就在那里，因为如果您将视频播放几秒钟，它就会继续正常播放。

这是我当前的 Flowplayer 配置:

$(".videoPlayer").flowplayer({
         swf: "//releases.flowplayer.org/5.4.6/flowplayer.swf",
         debug: true,
         autoplay: true,
         engine: 'flash',
         volume: 1
    });

对于包含视频的 fancybox:

$(".variousVideo").fancybox({
   //maxWidth  : 700,
    //maxHeight  : 500,
     //fitToView  : true,
      width    : 600,
      height    : 375,
      autoSize  : false,
      closeClick  : false,
      openEffect  : 'none',
      closeEffect  : 'none',
      helpers : {
       overlay : {
         css : {
            'background' : 'rgba(0, 0, 0, 0.33)'
          }
        }
      }
    });

以下是我在 HTML 中定义元素的方法:

<p>
   <span class="newstitle">
      <a class="variousVideo" href="#player0">0029415_BLTV_11-21-2011_713am.mp4</a>
   </span>
</p>

<div id="player0" class="videoPlayer">
    <video>
       <source type="video/flash" src="/apsite/videos/0029415_BLTV_11-21-2011_713am.mp4">
    </video>
</div>

现在，这很奇怪，但如果我使用默认类“flowplayer”，而不是“variousVideo”，我可以让视频在Chrome中播放。问题是它没有使用闪光灯(至少我不这么认为)，坦率地说，这样看起来很糟糕。那么有人可以帮我吗？我做错了什么或遗漏了什么才能使该视频在 Chrome 上与其他浏览器上播放相同？非常感谢!

Answer 1

在 Flowplayer 人员的帮助下，我解决了这个问题。 Flowplayer 默认情况下使用 HTML5 引擎。我强制该引擎使用 engine: 'flash' 进行闪烁。这是错误的!这是一个简单的、有效的配置，我已经在所有浏览器上进行了测试:

$(".videoPlayer").flowplayer({
   swf: "//releases.flowplayer.org/5.4.6/flowplayer.swf",
   adaptiveRatio: true
});

提供更多配置选项 here 。