当前位置: 首页 > news >正文

html5播放器视频切换和连续播放的实例

当前播放器实例可以使用changeVid接口切换正在播放的视频。当有多个视频,在上一个视频播放完毕时,自动播放下一个视频时也可采用该处理方式。

const option = {vid: '88083abbf5bcf1356e05d39666be527a_8',//autoplay: true,//playsafe: '', //PC端播放加密视频需要传playsafe参数//sign: '',// 移动端H5播放加密视频需要传 sign、ts参数//ts: '', //watchStartTime: 100, // 从第100秒开始播放//skipTeaser: false, //切换视频后是否跳过片头直接播放正片//ban_seek: 'off', // 是否禁止拖拽进度,值为'on'时将会禁止拖拽进度。//ban_seek_by_limit_time: 'off',  // 是否禁止拖拽进度至视频未播放的位置,为'on'时只可在已播放过的进度范围内拖拽(向前拖拽)。viewerInfo: { //切换视频时设置观众信息,非必填viewerId: '1555313336634', // 观众IDviewerName: 'polyv', // 观众昵称viewerAvatar: 'https://my.domain.com/user/avatar.png', // 观众头像URLviewerExtraInfo1:'', // 自定义额外信息字段1viewerExtraInfo2:'', // 自定义额外信息字段2viewerExtraInfo3:'' // 自定义额外信息字段3}
};
player.on('s2j_onPlayOver', () => {console.info('视频播放完毕');player.changeVid(option); // 切换下一个视频
});

酷播云_播放效果图片

 

http://www.lryc.cn/news/108546.html

相关文章:

  • 什么是无服务器架构技术
  • 大数据开发的学习路线是什么样的
  • 深入解析Spring MVC注解:@PathVariable、@ResponseBody和@RequestParam的用法和区别
  • 自然语言处理学习笔记(一)————概论
  • C# wpf程序
  • 4G WWAN设备类型
  • windows环境下安装elasticsearch、kibana
  • Java Selenium WebDriver 网页填报
  • 【NLP概念源和流】 06-编码器-解码器模型(6/20 部分)
  • 运维必备的免费在线画图工具,你觉得哪个最好用呢
  • skywalking全链路追踪
  • Nacos配置中心设置Mongodb
  • 【Spring Boot】请求参数传json对象,后端采用(map)CRUD案例(101)
  • 微软开测“Moment4”启动包:Win11 23H2要来了
  • SpringCloud《Eureka、Ribbon、Feign、Hystrix、Zuul》作用简单介绍
  • 运维项目—K8S命令
  • java框架整合Springmvc+···+maven
  • 答辩PPT怎么做?在线PPT软件哪个好?
  • Astro + Vercel 快速搭建自己的博客网站
  • TensorFlow
  • 【iOS RunLoop】
  • 阿里云平台注册及基础使用
  • Mr. Cappuccino的第58杯咖啡——MacOS配置Maven和Java环境
  • linux Ubuntu 更新镜像源、安装sudo、nvtop
  • LUN映射出错导致写操作不互斥的服务器数据恢复案例
  • Android 仿京东头部滚动头像动态变化
  • 高频交易学习——上期SimNow开通
  • 电力巡检无人机助力迎峰度夏,保障夏季电力供应
  • UOS环境python3.7及pyqt5安装
  • SEO优化:提升网站排名与流量的关键策略