javascript - Flowplayer加载和卸载问题

Question

我正在使用最新的 flowplayer，并且我创建了几个提供来自 CDN 的视频源的按钮。通过点击事件，播放器应该动态加载视频源。但由于某种原因，flowplayer 无法正确卸载和加载视频源。相反，我收到以下错误

html5: Video file not found

function flow(source) {
        jQuery("#flow").flowplayer().unload();
        jQuery("#flow").flowplayer().load(source);
    }

或者，我尝试在每次单击时重新初始化 flowplayer，但有时会加载初始视频而不是单击的视频源。单击几次后，flowplayer 也会卡在加载屏幕上。

http://jsfiddle.net/qAj8x/

Answer 1

如果您使用 Chrome 来实现此目的，则来自 here 。 Chrome 和 Flow Player 不能很好地结合在一起。

1. Chrome 15+、Safari 5.1+ 和 Firefox 14+ 支持原生全屏，其他浏览器将使用完整的浏览器窗口。在 Firefox 9+ 中，全屏已禁用，需要在 about:config (full-screen-api.enabled;true) 中手动启用。
2. 某些 Chrome 版本在播放 MP4 内容时存在问题。解决方法:在 MP4 源之前列出 WEBM 和/或将 preload="none"设置为视频标签属性。
3. 尝试两次加载同一视频时，即使在两个不同的标签页中，Chrome 也会卡住。