Question

我正在使用 Flowplayer 在我正在制作的网站上播放视频。视频在Mozilla和IE中播放得很好，但是当使用Chrome时，单击播放按钮时视频无法播放。它只是一种快速循环，然后回到播放按钮。但是，我KNOW视频就在那里，因为如果您将视频推进几秒钟，它将继续正常播放。

以下是我对流程图的当前配置：

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

对于与视频相关的花式框：

$(".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>

现在，这很奇怪，但我可以在Chrome中播放视频，如果我使用的是默认课程"flowplayer"，而不是"variousVideo"。问题是它没有使用闪光灯（至少我不认为），坦率地说它看起来很糟糕。所以有人可以帮助我吗？我做错了什么或者错过了让这个视频在Chrome上和其他浏览器一样播放？非常感谢！

Answer 1

在 Flowplayer 的人们的帮助下，我解决了这个问题。 Flowplayer 默认情况下使用 HTML5 引擎。我强迫该引擎闪烁engine: 'flash'。这是错的！这是我在所有浏览器上测试过的简单，有效的配置：

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

有更多配置选项 here 。

Flowplayer加载但不在Google Chrome中播放视频，适用于其他浏览器

1 个答案: