Video 停止使用嵌入式JWPlayer在页面上播放多个视频

Video 停止使用嵌入式JWPlayer在页面上播放多个视频,video,jwplayer,Video,Jwplayer,我使用JWPlayer在我的网站上显示视频。我使用占位符[[module\u video]]循环了模块中的视频 <iframe src="[[module_video]]" width="100%" height="100%" frameborder="0" scrolling="auto" allowfullscreen></iframe> 但我的问题是,如果我点击第一个视频,再次点击第二个视频,它不会停止第一个视频。这意味着在我的页面中,我只想显示一个应该播放的

我使用JWPlayer在我的网站上显示视频。我使用占位符[[module\u video]]循环了模块中的视频

<iframe src="[[module_video]]" width="100%" height="100%" frameborder="0" scrolling="auto" allowfullscreen></iframe>

但我的问题是,如果我点击第一个视频,再次点击第二个视频,它不会停止第一个视频。这意味着在我的页面中,我只想显示一个应该播放的视频。如果用户单击任何其他视频,则必须停止上一个视频

如何使用嵌入式JWplayer实现这一点

编辑1:

[[module\u video]]
的值类似于以下url
//content.jwplatform.com/players/sample test.html
这种url。因此,当我加载帧时,视频就会播放。将为不同的条目输入多个URL,因此每当页面加载时,所有视频都在页面中,如果我单击它,应该单独播放特定的视频

编辑2

事实上,我有一个不同的视频为每个条目。在我的概览页面中,我将显示这些条目和视频。在添加条目时,我将添加条目的视频链接,如

http://leanbackplayer.com/example_iframe.html
在我的模块中


在我的概览页面中,我将通过占位符
[[module\u video]]
显示模块中的视频。因此,在我的概述页面将显示所有条目的条目名称和视频。在本例中,我希望停止除最后一个视频外所有正在播放的视频。

ID为jwp1、jwp2和jwp3

  jwp1.on('play',function(){ pauseOthers(1); });
  jwp2.on('play',function(){ pauseOthers(2); });
  jwp3.on('play',function(){ pauseOthers(3); });

  function pauseOthers(target) { 
    for (var i=1; i<4; i++) {
       if(i != target) { jwplayer("jwp"+i).pause(true); }
    }
  };
jwp1.on('play',function(){pauseOthers(1);});
on('play',function(){pauseOthers(2);});
on('play',function(){pauseOthers(3);});
函数pauseOthers(目标){

对于(var i=1;i我在我的站点上使用嵌入式播放器,有一个脚本来收听“播放”事件,在该事件上,有一个循环迭代活动视频元素,暂停活动视频元素以外的所有元素:

<script>
    document.addEventListener('play', function(e){
    var videos = document.getElementsByTagName('video');
    console.log(videos);
    for(var i = 0, len = videos.length; i < len;i++){
        if(videos[i] != e.target){
            videos[i].pause();
            }
        }
    }, true);
</script>

文档.添加的事件列表器('play',函数(e){
var videos=document.getElementsByTagName(“视频”);
console.log(视频);
对于(变量i=0,len=videos.length;i
是否有
[[module\u video]]
所在的jwp代码?每个播放器的ID?是的,我将在我的模块中添加代码,以便在循环开始时
[[module\u video]]
将获取记录。好的,然后我会给你一些可以正常设置的东西,然后你可以计算出ID。哦!!…好的。如果你想播放多个视频,请@zer00nehi@Jack。为什么你要从html页面加载单个视频。你不能将所有视频保存在一个页面中,并保留一个视频播放列表并实现
mut吗仅限播放
->>此外,您是否想过动态生成iframe?请分享您的想法和[[module_name]]的更多代码,以便我们可以帮助您正确回答您的错误,在我的
[[module_video]]
将给出类似于
//content.jwplatform.com/players/sample test.html的结果。因此,当我加载帧时,视频将被播放。将为不同的条目输入多个url,因此每当页面加载时,所有视频都在页面中,如果我单击它,应该单独播放特定的视频,因为如果您使用的是IFRAME,它正在将一个页面从另一个域加载到父页面(*.jwplatform.com),您将无法以编程方式访问播放机。您是否可以控制IFRAME中加载的页面/代码?@Jack正如@jherrieven先生所说。如果您可以控制
src
(例如,
page1.html、page2.html、page3.html
)并且每个页面都与主页位于同一域中(即包含3个iFrame的页面),这可能是可行的。如果您在每个页面中嵌入JW播放器,则有一种方法可以根据您的需要对其进行控制。