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

【问题标题】：External click event to pause query audio player外部点击事件暂停查询音频播放器
【发布时间】：2013-09-21 13:22:11
【问题描述】：

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

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

 $.stratus.stop()

}
)

【问题讨论】：

【解决方案1】：

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

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

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

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

【讨论】：

【解决方案2】：

您可以使用 pub-sub（发布和订阅）模式来解决您的问题。所以解决方案的基本内容如下：在点击每个媒体文件时引发一个事件。一个通用的 jQuery 选择器可能会派上用场，从一段通用的代码中引发这个事件。

现在有一个监听器方法，一旦上述所需事件被引发，就会被触发。在此侦听器中，您可以输入您的函数来停止正在播放的视频。

【讨论】：