Flowplayer加载但没有'不要在谷歌浏览器中播放视频,可以在其他浏览器中使用

Flowplayer loads but doesn't play video in Google Chrome, works in other browsers

本文关键字:视频 播放 其他 浏览器 加载 谷歌浏览器 Flowplayer      更新时间:2023-09-26

我正在使用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>

现在,这很奇怪,但如果我使用默认类"flowplayer"而不是"variousVideo",我可以在Chrome中播放视频。问题是它没有使用flash(至少我不认为),坦率地说,它看起来很糟糕。有人能帮我吗?我做错了什么或错过了什么,让这个视频在Chrome上和其他浏览器上播放一样?非常感谢!

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

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

此处提供了更多配置选项。