文章目录

1、在SuperSlide.2.1.1.source.js大概369行新增
2、SuperSlide调用，新增参数playStateFuns
3、自定义播放暂停的方法
4、自定义鼠标进入和离开的方法,该方法在页面加载完轮播列表时调用

环境：SuperSlide.2.1.1.js
背景：最近在项目中使用SuperSlide轮播滚动展示信息，需要点击轮播中的某一条弹出一个iframe后展示详细信息，这时需要暂停轮播，关闭iframe后继续播放。
在网上找过解决方法，但是貌似不好使，达不到需求。
经过翻看SuperSlide源码，想到修改源码后解决，在SuperSlide的slide方法options参数中增加一个对象参数用来接收内部的播放和暂停事件，手动在外层触发；

1、在SuperSlide.2.1.1.source.js大概369行新增

if(opts.playStateFuns){//将superSlide声明的播放和暂停的方法复制到自定义的参数上面opts.playStateFuns.playStateFun=playStateFun;opts.playStateFuns.pauseStateFun=pauseStateFun;
}

2、SuperSlide调用，新增参数playStateFuns

superslide2官方参数说明

//用于接收superSlide.js内部对播放和暂停的事件
var playStateFuns={};
$("#demo").slide({mainCell:"",autoPlay:true,effect:"topMarquee",vis:5,interTime:50,mouseOverStop:false,playStateFuns:playStateFuns});

3、自定义播放暂停的方法

function play(isStop){var playStateFunMy = playStateFuns.playStateFun;var pauseStateFunMy = playStateFuns.pauseStateFun;if(playStateFunMy == undefiend || pauseStateFunMy  == undefiend {return;}if(isStop){playStateFunMy();}else{pauseStateFunMy();}
}

4、自定义鼠标进入和离开的方法,该方法在页面加载完轮播列表时调用

function bindMouseHover(){var playStateFunMy = playStateFuns.playStateFun;var pauseStateFunMy = playStateFuns.pauseStateFun;if(playStateFunMy == undefiend || pauseStateFunMy  == undefiend ){return;}$("#demo").mouseenter(function(){pauseStateFunMy();});$("#demo").mousleave(function(){playStateFunMy();});
}

亲测有效！！！

SuperSlide播放暂停解决方案相关推荐

android求助：关于播放器中的“播放/暂停”键: 用ImageButton来设置点击效果时的问题...
============问题描述============ 大家好,我最近遇到个问题: 大家都知道,播放器中的播放/暂停键是这样的逻辑:当用户点击了这个键,如果当前显示的是"播放&quo ...
ubuntu系统下用kazam软件录制的视频不能在windows系统下播放的解决方案
ubuntu系统下用kazam软件录制的视频不能在windows系统下播放的解决方案参考文章: (1)ubuntu系统下用kazam软件录制的视频不能在windows系统下播放的解决方案 (2)ht ...
【FFmpeg】ffplay 播放视频命令 ( 播放 | 暂停 | 停止 | 音量控制 | 进度控制 | 音频流 / 视频流 / 字幕流 / 节目切换 )
FFmpeg 系列文章目录 [FFmpeg]Windows 搭建 FFmpeg 命令行运行环境 [FFmpeg]FFmpeg 相关术语简介 ( 容器 | 媒体流 | 数据帧 | 数据包 | 编解码器 ...
媒体控件的播放暂停继续与停止 winform
媒体控件的播放暂停继续与停止 winform 准备媒体把媒体放在了一个路径 bin/debug,是项目资源的根目录播放功能暂停功能继续播放停止播放
html音乐播放器如何添加暂停按钮,HotKey播放/暂停HTML5音乐播放器
这是我用于HTML5音乐播放器的一小部分JavaScript代码.我想知道你们是否可以帮我建立一个HotKey来使用Space键切换播放/暂停按钮.有什么想法吗? CODE: $('.tracksli ...
实时流（直播流）播放、上墙（大屏播放）解决方案
实时流(直播流)播放.上墙(大屏播放)解决方案参考文章: (1)实时流(直播流)播放.上墙(大屏播放)解决方案 (2)https://www.cnblogs.com/xiaozhi_5638/p/8 ...
U3D Animator 组件控制动画的播放暂停，动态添加帧事件
//顺便说一句,U3D的动画编辑器有BUG,添加关键帧事件后选了函数会说不支持,其实是可以用.运行下看结果来定吧. //大家好我是笨笨,笨笨的笨,笨笨的笨,谢谢! //20150810 by Jerr ...
Android 仿朋友圈,文字图片视频多条目,自动播放暂停
因为太长了不能把项目搬过来,记一下关键点多条目都会,然而这里因为微信朋友圈界面的特殊,他有一个头部,开始我是做的ScrollView+RecyclerView,后来发现在Scrollview 的包裹 ...
耳机声控，以及耳机拔出或者插入控制播放暂停
目录介绍 1.耳机拔出时暂停播放 1.1 拔出耳机自动暂停 , 插入耳机自动恢复播放 1.2 实现的原理分析 1.3 代码实现逻辑 2.耳机线控,耳机控制声音 2.1 耳机按键也可以控制音量调节 2. ...

SuperSlide播放暂停解决方案