所以基本上我有Stratus2媒体播放器在视差网站上运行。网站内还可以访问其他媒体文件(在prettyPhoto灯箱中播放的 youtube 视频)。每当用户单击这些媒体文件时,是否有可以暂停 Stratus 播放器的功能?
$('.video').click(function() {
$.stratus.stop()
}
)
所以基本上我有Stratus2媒体播放器在视差网站上运行。网站内还可以访问其他媒体文件(在prettyPhoto灯箱中播放的 youtube 视频)。每当用户单击这些媒体文件时,是否有可以暂停 Stratus 播放器的功能?
$('.video').click(function() {
$.stratus.stop()
}
)
在您的页面中包含上述库以及 jQuery。现在假设页面上的每个媒体元素都应用了一个类“媒体”。现在,以下代码将在单击任何这些项目时发布一个事件..
$(".media").click(function() {
jQuery.pubsub.publish('media.clicked', {});
});
并且需要以下代码来订阅上面发布的此事件并停止播放以前的媒体。
jQuery.pubsub.subscribe('media.clicked', function(topic, msg){
$.stratus.stop();
});
您可以使用 pub-sub(发布和订阅)模式来解决您的问题。因此,解决方案的基本内容如下:在单击每个媒体文件时引发一个事件。一个通用的 jQuery 选择器可能会派上用场,从一段通用的代码中引发这个事件。
现在有一个监听器方法,只要上述所需的事件被引发,就会被触发。在此侦听器中,您可以输入您的函数来停止正在播放的视频。