外部点击事件暂停查询音频播放器

时间:2013-09-21 13:22:11

标签: jquery prettyphoto audio-player stratus

所以基本上我在视差网站上运行Stratus2 媒体播放器。网站内还可以访问其他媒体文件(在prettyPhoto灯箱中播放的YouTube视频)。每当用户点击这些媒体文件时,是否有可以暂停Stratus播放器的功能?

$('.video').click(function() {

 $.stratus.stop()

}
)

2 个答案:

答案 0 :(得分:1)

在您的页面中包含上面提到的库以及jQuery。现在假设页面上的每个媒体元素都有一个应用于它们的类“媒体”。现在,以下代码将在单击任何这些项目时发布事件..

 $(".media").click(function() { 
    jQuery.pubsub.publish('media.clicked', {});
 });

并且需要以下代码才能订阅上面发布的此事件并停止播放以前的媒体。

jQuery.pubsub.subscribe('media.clicked', function(topic, msg){
    $.stratus.stop();
});

答案 1 :(得分:0)

您可以使用pub-sub(发布和订阅)模式来解决您的问题。因此,解决方案的基础知识如下:通过单击每个媒体文件来引发事件..一个常见的jQuery选择器可能会派上用场从一段共同的代码中引发此事件。

现在有一个侦听器方法,一旦上述所需的事件被引发就会被触发。在这个监听器中,你可以放入你的功能来停止正在播放的视频。