Flowplayer加载但没有'不要在谷歌浏览器中播放视频,可以在其他浏览器中使用
Flowplayer loads but doesn't play video in Google Chrome, works in other browsers
我正在使用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
});
此处提供了更多配置选项。
相关文章:
- 如何检查用户在html5视频播放器中观看了完整的视频
- 可以在响应时隐藏iphone上的“播放”按钮以进行视频播放
- html5视频播放器和视频js之间的关系
- 视频播放器错误promise DOMException中未捕获
- html视频播放器并不总是从src读取
- HTML 5视频播放器用给定的数字更新currentTime
- html5视频交互式视频播放器
- 如何构建自己的 VAST 视频播放器
- 如何专注于YouTube视频播放器对象
- HTML5视频播放/停止按钮与Javascript
- 如何在前台弹出YouTube视频播放器
- 如何在悬停在图像上时弹出youtube视频播放器
- 将Backbone事件与HTML5视频播放事件结合使用
- 移动设备的动态视口始终包含固定尺寸的视频播放器
- 浏览器同步摄像头加速视频播放不是一个功能
- 使用MediaSource扩展播放视频播放列表
- 当我在视频播放器上单击播放时,它会在页面上播放两个视频
- 嵌入视频播放器播放按钮可同时播放所有视频播放器
- 设置计时器以等待为flash回退视频播放器加载swfobject脚本
- 三星智能电视视频播放器应用程序-访问存储在USB上的mp4