我在一个页面上有多个HTML5 FlowPlayer。我如何让他们相互排斥?
我的页面上有多个HTML5 flow player实例。当我开始播放一个,然后点击另一个,第一个不会停止。有没有办法将其配置为一次只能播放一个 以下是测试页面的代码:我在一个页面上有多个HTML5 FlowPlayer。我如何让他们相互排斥?,html,flowplayer,Html,Flowplayer,我的页面上有多个HTML5 flow player实例。当我开始播放一个,然后点击另一个,第一个不会停止。有没有办法将其配置为一次只能播放一个 以下是测试页面的代码: <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"> </script>
<html>
<head>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js">
</script>
<!-- 2. flowplayer -->
<script type="text/javascript"
src="//releases.flowplayer.org/5.4.1/flowplayer.min.js">
</script>
<!-- 3. skin -->
<link rel="stylesheet" type="text/css"
href="//releases.flowplayer.org/5.4.1/skin/minimalist.css">
<title>title</title>
</head>
<body>
<div>
<div class="flowplayer">
<video>
<source type="video/mp4" src="PATH TO VIDEO 1">
</video>
</div>
</div>
<div>
<div class="flowplayer">
<video>
<source type="video/mp4" src="PATH TO VIDEO 2">
</video>
</div>
</div>
</body>
</html>
据我所知,flowplayer中没有默认行为,当一个页面上有多个实例时,无论是使用flash player还是更新的HTML5,都只允许播放一个视频 您可以使用。api提供了播放、暂停和停止等方法。在您的情况下,您可以绑定到click事件以停止所有其他实例 范例
据我所知,flowplayer中没有默认行为,当一个页面上有多个实例时,无论是使用flash player还是更新的HTML5,都只允许播放一个视频 您可以使用。api提供了播放、暂停和停止等方法。在您的情况下,您可以绑定到click事件以停止所有其他实例 范例
嗯。终于找到了!这是一个叫做飞溅的功能 从文件中: Flowplayer有一个独特的功能,称为“闪屏”,它类似于海报设置,只是嵌套的视频或Flash对象标记最初不在页面上,而是根据需要插入。当用户单击启动屏幕时,播放机将即时安装。这有以下好处: 你可以在页面上有无限数量的玩家,他们——或者说他们的闪屏——都会立即呈现,即使是在Flash模式下。 没有影响脚本或CSS布局动态的隐藏Flash对象。 一次只能播放一个视频。当用户在另一个播放器实例运行时单击启动屏幕时,后者将自动卸载。 根据设计,飞溅设置也会禁用视频预加载
嗯。终于找到了!这是一个叫做飞溅的功能 从文件中: Flowplayer有一个独特的功能,称为“闪屏”,它类似于海报设置,只是嵌套的视频或Flash对象标记最初不在页面上,而是根据需要插入。当用户单击启动屏幕时,播放机将即时安装。这有以下好处: 你可以在页面上有无限数量的玩家,他们——或者说他们的闪屏——都会立即呈现,即使是在Flash模式下。 没有影响脚本或CSS布局动态的隐藏Flash对象。 一次只能播放一个视频。当用户在另一个播放器实例运行时单击启动屏幕时,后者将自动卸载。 根据设计,飞溅设置也会禁用视频预加载
谢谢,但这个解决方案指向404页。尝试此链接我已编辑了我的问题。。。我使用的是HTML5 flowplayer,不是flash。HTML5的文档在这里@RachelGallen,谢谢。我不止一次彻底地阅读了这些文件。我错过什么了吗?我不认为这是专门解决的。谢谢,但这个解决方案指向404页。尝试此链接我已编辑了我的问题。。。我使用的是HTML5 flowplayer,不是flash。HTML5的文档在这里@RachelGallen,谢谢。我不止一次彻底地阅读了这些文件。我错过什么了吗?我不认为这是专门解决的。我喜欢这个建议。困扰我的是,在flowplayer演示页面上,我在任何地方都看不到类似的代码。通过查看flowplayer日志,它表明这是flowplayerI的一个自动功能,就像这个建议一样。困扰我的是,在flowplayer演示页面上,我在任何地方都看不到类似的代码。查看flowplayer日志,它表明这是flowplayer的一个自动功能
$('#bacon-player').bind("click", function(e, api)){
// Add code here to stop other players.
$('#other-player').stop();
};