Aliplayer 切换不同格式视频

<link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8.8/skins/default/aliplayer-min.css" />
<script type="text/javascript" charset="utf-8" src="https://g.alicdn.com/de/prismplayer/2.8.8/aliplayer-min.js"></script>
index.html页面引入或//vue项目
//视频实例 this.player
// 记录视频扩展名，videotUrl：视频地址;images:封面图
//切换视频时，扩展名与上次不同时销毁实例重新创建，相同就更新视频地址及封面图
let player = this.player,video_extension = /\.[^\.]+/.exec(videotUrl);
if(player && this.video_extension!=video_extension){player.dispose();//销毁player = null;}this.video_extension = video_extension;this.$nextTick(function () {if(player){player.loadByUrl(videotUrl);player.setCover(images);}else{this.player = new Aliplayer({id: 'myVideo',width: '100%',height: '380px',autoplay: true,cover: images,source : videotUrl,isLive: false,rePlay: false,playsinline: true,preload: true,controlBarVisibility: "hover",},function(player){console.log('播放器创建好了。')});}})

// 实例销毁之前清除player实例
beforeDestroy: function() {this.player && player.dispose();//销毁},

参考：集成文档、功能展示

Aliplayer 切换不同格式视频相关推荐

m3u8解析_浅谈m3u8格式视频文件采集
在对某在线视频网站抓包分析时,发现该站点采用m3u8格式进行视频文件传输. 通过m3u8的response可以看到,m3u8格式文件由很多段ts文件组成.那么什么是m3u8,什么是ts呢? M3U8是 ...
如何快速不借用转换工具将FLV格式视频转换成MP4
FLV流媒体格式是一种新的视频格式,全称为Flash Video.它的出现有效地解决了视频文件导入Flash后,使导出的SWF文件体积庞大,所以就引出了FLV格式,主要特点就是体积小适合作为流媒体在 ...
剪辑小知识，将多个MP4格式视频快速转换成MOV视频
现在很多的视频都是MP4格式的视频,但是MOV格式视频的特点可能是视频画质比较清晰,格式体积会小一些,那要如何快速转换多个MP4的视频为MOV格式呢?下面一起来分享这种多个视频同时转换的方法. 首先登 ...
m3u8, flv, mp4格式视频demo源码分享
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>m3u ...
关于ffmpeg解决主流浏览器无法播放wmv、avi等格式视频问题(内附linux环境相关安装包nasm、yasm、x264等)
最近接到一个老项目,由于老项目之前适配的是ie浏览器.该老项目中有很多wmv和avi格式的视频.最近需要更换视频其他浏览器访问,需要对除ie浏览器的其他浏览器进行适配.ie浏览器播放视频没有任何问题, ...
video标签播放m3u8格式视频-------html页面
m3u8是苹果公司推出一种视频播放标准,是m3u的一种,不过编码方式是utf-8,是一种文件检索格式,将视频切割成一小段一小段的ts格式的视频文件,然后存在服务器中(现在为了减少I/o访问次数,一般 ...
python爬取m3u8格式视频
python爬取m3u8格式视频 m3u8原理脚本环境爬取步骤步骤的具体实现 python细节处理说明参考代码 m3u8原理当我们在网页播放视频时,网页向服务器发起一个以.m3u8结尾的连接 ...
【Vue】播放flv格式视频（flv.js视频播放器）
图片来源:HTTP-FLV直播初探链接 github地址:GitHub - bilibili/flv.js: HTML5 FLV Player 播放flv格式视频 npm install flv.j ...
部分mp4格式视频无法在ios系统播放
目录部分mp4格式视频无法在ios系统播放问题描述阶段排查解决问题部分mp4格式视频无法在ios系统播放环境:微信公众号网页问题:video 标签 mp4 格式视频无法在 ios 端播放 ...

Aliplayer 切换不同格式视频

Aliplayer 切换不同格式视频

Aliplayer 切换不同格式视频相关推荐

最新文章

热门文章