在页面里添加个div标签;

<div id="video-player"></div>

在JS里:

player = new Aliplayer({
id: 'video-player',
width: '100%',
height: '400px',
autoplay: true,
//支持播放地址播放,此播放优先级最高
source: video_src, //video_src视频地址
});

跟多文档操作可以去看看阿里播放器的文案;

个人记录

Aliplayer简单使用相关推荐

  1. 阿里云视频直播 web前端[移动端] Aliplayer的简单案例

    阿里云视频直播 web前端[移动端] Aliplayer的简单案例 最近做了一个功能就是播放后台提供的各种直播视频,格式在未确定的情况下,刚开始以为简单的一个video标签就能播放视频,后面才发现各种 ...

  2. 阿里云 Aliplayer高级功能介绍(三):多字幕

    基本介绍 国际化场景下面,播放器支持多字幕,可以有效解决视频的传播障碍难题,该功能适用于视频内容在全球范围内推广,阿里云的媒体处理服务提供接口可以生成多字幕,现在先看一下具体的效果: WebVTT格式 ...

  3. 用aliplayer如何实现视频的连续播放?

    摘要: 场景 假如有多个视频,在上一个视频播放完毕时,自动播放下一个视频,要怎么处理的呢?需要按使用的播放器类型和切换的地址格式,采用不同的实现方式. 直播地址方式 这种方式最简单,h5和flash的 ...

  4. 阿里云播放器SDK的正确打开方式 | Aliplayer Web播放器介绍及功能实现(三)

    阿里云播放器SDK(ApsaraVideo for Player SDK)是阿里视频云端到云到端服务的重要一环,除了支持点播和直播的基础播放功能外,还深度融合视频云业务,支持视频的加密播放.安全下载. ...

  5. SpringBoot - 阿里云视频点播的简单使用

    视频点播(ApsaraVideo for VoD)是集音视频采集.编辑.上传.自动化转码处理.媒体资源管理.分发加速于一体的一站式音视频点播解决方案. 一.阿里云开通视频点播及控制台常用操作 开通地址 ...

  6. Aliplayer 播放器的使用(支持直播,点播、录播,视频播放等功能)

    最近公司需要写一个简单的直播H5,作为前端播放器第一选择当然是video.js了.可是样式是在无法忍受,而且有些交互也不太友好.无奈继续寻找更加合适的播放器,阿里的Aliplayer 便是一个不错的选 ...

  7. 在docker上安装部署tomcat项目 超简单,拿来主义

    在docker中部署tomcat,非常简单,而且省去了手动安装jdk等步骤,只需要将war包复制在容器tomcat实例中的webapps下面即可.以下将详细讲解流程: 在windows中打好包以后用w ...

  8. Linux下tomcat的安装与卸载以及配置(超简单)

    无敌简单的几步 1.安装 //首先你需要下载好tomcat包 sudo tar -xvzf apache-tomcat-7.0.85.tar.gz(这里是包名) -C 你要放的位置 2.卸载 rm - ...

  9. Docker安装Apache与运行简单的web服务——httpd helloworld

    Docker运行简单的web服务--httpd helloworld目录[阅读时间:约5分钟] 一.Docker简介 二.Docker的安装与配置[CentOS环境] 三.Docker运行简单的web ...

  10. Docker的安装、镜像源更换与简单应用

    Docker的安装.镜像源更换与简单应用[阅读时间:约20分钟] 一.概述 二.系统环境&项目介绍 1.系统环境 2.项目的任务要求 三.Docker的安装 四.Docker的简单应用 1. ...

最新文章

  1. “编程能力差!90%输在这点上”谷歌AI专家:其实都是瞎努力!
  2. 转: 利用SQL SERVER2005的XML字段类型实现类似商品扩展属性
  3. 神策数据 2018 校招启程了!
  4. Angular groupBy test
  5. 关于Xcode 7.3 7.3.1 断点 卡死 无限菊花
  6. vert.x 分布式锁_使用Vert.x进行响应式开发
  7. 为什么我喜欢写即时通讯软件呢?
  8. spark学习-52-Spark的org.apache.spark.SparkException: Task not serializable
  9. 菜鸟的MySQL学习笔记(一)
  10. linux dd命令 配额,第四章 Centos7.5下LVM操作与磁盘配额
  11. 智器SmartQ T7历险记
  12. Python绘制污染玫瑰图
  13. MotoSim EG-VRC软件:安川机器人仿真项目基础操作
  14. IDM6.39序列号,亲测可用
  15. 【世语纠正】吾生也有涯,而知也无涯丶本意知识太多,没必要都去
  16. Java核心技术----枚举类型与泛型
  17. 抓包抖音充值页面实现微信支付宝充值抖币,可提供api
  18. 白月黑羽python_白月黑羽来帮你分析现在是选择 Python3.6 还是 Python 3.7
  19. 在Centos快速搭建dhcp服务器,详细讲解
  20. 华为服务器pe下安装linux,华为服务器安装操作系统.docx

热门文章

  1. maven集成tomcat7
  2. 测试ai模糊软件,“马赛克视频”AI还原软件被疯传!测试效果出乎意料!
  3. VMware密匙安装教程
  4. react+ts 实现类组件 父子组件传值
  5. HTML 日期格式转换
  6. J2EE框架技术(SpringMVC) 知识点笔记(2)
  7. 微信模拟器不显示鼠标解决办法
  8. JAVA学习(五):Java面向对象编程基础
  9. 3DMAX最强搭配神器,一键清理病毒,让你学习工作更流畅!
  10. 推荐6本React在线电子版书籍