Aliplayer 切换不同格式视频

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();//销毁
 },

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