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

简介: 阿里云播放器添加鼠标单击切换播放/暂停事件
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();
}
相关文章
|
JavaScript 视频直播 5G
基于阿里云直播实现视频推流(ffmpeg)/拉流(Django2.0)以及在线视频直播播放(支持http/https)功能
由于5g网络的光速推广,视频业务又被推上了风口浪尖,在2019年初我们还在谈论照片,短视频等关键字,而进入2020年,我们津津乐道的就只有视频,视频,还是视频,普通人拿起手机做直播早已不是奢望。
基于阿里云直播实现视频推流(ffmpeg)/拉流(Django2.0)以及在线视频直播播放(支持http/https)功能
|
移动开发 JavaScript 前端开发
整合阿里云播放器播放(2) | 学习笔记
快速学习 整合阿里云播放器播放(2)
140 0
整合阿里云播放器播放(2) | 学习笔记
|
移动开发 前端开发 JavaScript
整合阿里云播放器播放(1) | 学习笔记
快速学习 整合阿里云播放器播放(1)
188 0
整合阿里云播放器播放(1) | 学习笔记
|
网络协议 内存技术
音视频系列五:ffmpeg之rtmp推流阿里云转发vlc拉流播放
在前两篇 阿里云服务器搭建Nginx+rtmp推流服务器中,我们已经配置把阿里云的rtmp推流服务搭建好了,用的是PC软件OBS来进行推流到阿里云服务器,接下来就用雷神的最简单的基于ffmpeg的推流器,rtmp方式推流,阿里云服务器转发流,VLC拉流的流程走一遍。
733 0
音视频系列五:ffmpeg之rtmp推流阿里云转发vlc拉流播放
|
缓存 开发工具 Android开发
产品百科 |使用阿里云播放器实现全屏秒播
阿里云播放器快速实现全屏秒播主要通过三个手段实现该需求:首帧图和播放的首帧画面一致 + 播放器预加载 + 边播边缓存。本方案在 WiFi 环境下可以做到平均 300 毫秒左右的起播速度。
产品百科 |使用阿里云播放器实现全屏秒播
|
存储 编解码 JSON
阿里云点播 web 播放器
最近遇到很多人使用阿里云点播 web 播放器,通过 STS 令牌的方式去播放 MTS 转码完成后的资源出现问题,”路见不平一声吼,写个过程先献丑“,只是做了最基础的功能,看官有需要请到阿里云点播官网看下需要的功能自己补充。
阿里云点播 web 播放器
|
Android开发 iOS开发
阿里云移动端播放器高级功能---截图和音频波形
如果用户对视频播放中的某一帧画面特别感兴趣,可以使用截图功能将这一帧视频保存起来。另外有一种场景想知道是否有声音,或者想感知声音的大小震动频率等,可以通过显示一个声音的波形来形象的表示。如下图所示:
8212 0
阿里云移动端播放器高级功能---UI播放器
用户想要实现一个视频播放除了要集成我们播放器SDK之外,还需要做一些UI交互的东西。要实现一个完整的视频播放还是需要做很多工作的。那么我们提供了一套完整的UI播放器,用户可以非常快速的集成进去来实现完整的播放器功能。
5569 0
|
Android开发 iOS开发
阿里云移动端播放器高级功能---画面控制
基本介绍 经常遇到一些开发者问: 1.我们播放的时候,会有黑边怎么处理?尤其是在类似于抖音,直播这样的场景下,如果视频有黑边,很影响画面的视觉效果。而阿里云播放器提供了缩放功能,用来去除黑边,达到视频全屏的效果。
10882 0
阿里云移动端播放器高级功能---直播时移
基本介绍 通常都知道直播是无法seek拖动的,那么针对在直播中想回看之前直播过的内容的用户来说,直播时移就能派上用场。我们阿里云播放器支持了直播时移功能,用户能较为方面和快速的使用直播时移的功能。 先来看一下直播时移的介绍:时移直播基于常规的HLS视频直播,直播推流被切分成TS分片,通过HLS协...
10960 0

热门文章

最新文章