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

简介: 阿里云播放器添加鼠标单击切换播放/暂停事件
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 使用(自定义进度条,及微信无法暂停播放设置进度问题)
1350 0
|
4月前
|
存储 Android开发
安卓app,MediaPlayer播放本地音频 | 按钮控制播放和停止
在Jetpack Compose中,不直接操作原生Android组件如`Button`和`MediaPlayer`,而是使用Compose UI构建器定义界面并结合ViewModel管理音频播放逻辑。以下示例展示如何播放本地音频并用按钮控制播放/停止:创建一个`AudioPlayerViewModel`管理`MediaPlayer`实例和播放状态,然后在Compose UI中使用`Button`根据`isPlaying`状态控制播放。记得在`MainActivity`设置Compose UI,并处理相关依赖和权限。
|
5月前
|
缓存 监控 数据库
视频设置了试看时长,设置了播放完成自动播放下一集,购买后可以正常播放完并自动播放下一集。但偶尔发现,购买的课程播放几分钟
视频设置了试看时长,设置了播放完成自动播放下一集,购买后可以正常播放完并自动播放下一集。但偶尔发现,购买的课程播放几分钟
110 2
uniapp视频数组,点击播放-播放当前视频,其余暂停demo效果(整理)
uniapp视频数组,点击播放-播放当前视频,其余暂停demo效果(整理)
|
C++
Qt图片定时滚动播放器
可以显示jpg、jpeg、png、bmp。可以从电脑上拖动图到窗口并显示出来或者打开文件选择,定时滚动图片 重载实现dragEnterEvent(拖拽)、dropEvent(拖拽放下)、resizeEvent(窗口大小改变)
115 0
|
JavaScript API
uniapp跳转页面停止音频播放
uniapp跳转页面停止音频播放
337 0
|
移动开发
【H5 音乐播放实例】第四节 音乐详情页制作 -音乐的播放和暂停
【H5 音乐播放实例】第四节 音乐详情页制作 -音乐的播放和暂停
140 0
|
Web App开发 JavaScript 中间件
高版本Chrome VUE页面播放RTSP实时视频流,并抓图、录像、回放、倍速等
因为项目上需要把海康威视摄像头集成到WEB网页中播放,于是开始了对WEB播放摄像头方案的各种折腾。 2015年之前还可以用VLC原生播放器在Chrome、Firefox等浏览器中直接播放,延迟比较低,效果也还不错。可惜好景不长,从 2015年Chrome、Firefox等浏览器取消了对 NPAPI插件的支持,海康威视官方提供的 web3.0开发包也只能在低版本浏览器播放。
860 1
|
存储 编解码 计算机视觉
项目实战:Qt+OpenCV视频播放器(支持播放器操作,如暂停、恢复、停止、时间、进度条拽托等)
项目实战:Qt+OpenCV视频播放器(支持播放器操作,如暂停、恢复、停止、时间、进度条拽托等)
项目实战:Qt+OpenCV视频播放器(支持播放器操作,如暂停、恢复、停止、时间、进度条拽托等)