阿里云播放器单击切换播放/暂停

简介: 阿里云播放器添加鼠标单击切换播放/暂停事件
var player = new Aliplayer({
  id: 'J_prismPlayer',
  width: '100%',
  autoplay: false,
  //支持播放地址播放,此播放优先级最高
  source: '播放url',
  //播放方式二:推荐
  vid: '1e067a2831b641db90d570b6480fbc40',
  playauth: '',
  cover: 'http://liveroom-img.oss-cn-qingdao.aliyuncs.com/logo.png'
});
var _video = document.querySelector('video');
player.on('play', function(e) {
  _video.removeEventListener('click', play);
  _video.addEventListener('click', pause);
});
player.on('pause', function(e) {
  _video.removeEventListener('click', pause);
  _video.addEventListener('click', play)
});

function play() {
  if (player) player.play();
}

function pause() {
  if (player) player.pause();
}
相关文章
|
小程序
UniApp video 使用(自定义进度条,及微信无法暂停播放设置进度问题)
UniApp video 使用(自定义进度条,及微信无法暂停播放设置进度问题)
1263 0
|
3月前
|
存储 Android开发
安卓app,MediaPlayer播放本地音频 | 按钮控制播放和停止
在Jetpack Compose中,不直接操作原生Android组件如`Button`和`MediaPlayer`,而是使用Compose UI构建器定义界面并结合ViewModel管理音频播放逻辑。以下示例展示如何播放本地音频并用按钮控制播放/停止:创建一个`AudioPlayerViewModel`管理`MediaPlayer`实例和播放状态,然后在Compose UI中使用`Button`根据`isPlaying`状态控制播放。记得在`MainActivity`设置Compose UI,并处理相关依赖和权限。
200 3
|
4月前
|
搜索推荐
【sgUploadTray_v2】自定义组件:升级版上传托盘自定义组件,可实时查看上传列表进度,可以通过选项卡切换上传中、成功、失败的队列,支持翻页,解决了列表内容太多导致卡顿的情况。(一)
【sgUploadTray_v2】自定义组件:升级版上传托盘自定义组件,可实时查看上传列表进度,可以通过选项卡切换上传中、成功、失败的队列,支持翻页,解决了列表内容太多导致卡顿的情况。
【sgUploadTray_v2】自定义组件:升级版上传托盘自定义组件,可实时查看上传列表进度,可以通过选项卡切换上传中、成功、失败的队列,支持翻页,解决了列表内容太多导致卡顿的情况。(一)
|
4月前
|
缓存 监控 数据库
视频设置了试看时长,设置了播放完成自动播放下一集,购买后可以正常播放完并自动播放下一集。但偶尔发现,购买的课程播放几分钟
视频设置了试看时长,设置了播放完成自动播放下一集,购买后可以正常播放完并自动播放下一集。但偶尔发现,购买的课程播放几分钟
105 2
点击视频播放切换隐藏--添加播放图片按钮
点击视频播放切换隐藏--添加播放图片按钮
uniapp视频数组,点击播放-播放当前视频,其余暂停demo效果(整理)
uniapp视频数组,点击播放-播放当前视频,其余暂停demo效果(整理)
|
C++
Qt图片定时滚动播放器
可以显示jpg、jpeg、png、bmp。可以从电脑上拖动图到窗口并显示出来或者打开文件选择,定时滚动图片 重载实现dragEnterEvent(拖拽)、dropEvent(拖拽放下)、resizeEvent(窗口大小改变)
107 0
|
移动开发
【H5 音乐播放实例】第四节 音乐详情页制作 -音乐的播放和暂停
【H5 音乐播放实例】第四节 音乐详情页制作 -音乐的播放和暂停
135 0
|
存储 编解码 计算机视觉
项目实战:Qt+OpenCV视频播放器(支持播放器操作,如暂停、恢复、停止、时间、进度条拽托等)
项目实战:Qt+OpenCV视频播放器(支持播放器操作,如暂停、恢复、停止、时间、进度条拽托等)
项目实战:Qt+OpenCV视频播放器(支持播放器操作,如暂停、恢复、停止、时间、进度条拽托等)
【FFmpeg】ffplay 播放视频命令 ( 播放 | 暂停 | 停止 | 音量控制 | 进度控制 | 音频流 / 视频流 / 字幕流 / 节目切换 )(二)
【FFmpeg】ffplay 播放视频命令 ( 播放 | 暂停 | 停止 | 音量控制 | 进度控制 | 音频流 / 视频流 / 字幕流 / 节目切换 )(二)
798 0
【FFmpeg】ffplay 播放视频命令 ( 播放 | 暂停 | 停止 | 音量控制 | 进度控制 | 音频流 / 视频流 / 字幕流 / 节目切换 )(二)