Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/91.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
我在一个页面上有多个HTML5 FlowPlayer。我如何让他们相互排斥?_Html_Flowplayer - Fatal编程技术网

我在一个页面上有多个HTML5 FlowPlayer。我如何让他们相互排斥?

我在一个页面上有多个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>

我的页面上有多个HTML5 flow player实例。当我开始播放一个,然后点击另一个,第一个不会停止。有没有办法将其配置为一次只能播放一个

以下是测试页面的代码:

<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();
};