视频移动端直播阿里云播放器（vue项目）

一、引入播放器 index.html

<link rel="stylesheet" href="//g.alicdn.com/de/prismplayer/2.7.2/skins/default/aliplayer-min.css" />
 <script type="text/javascript" charset="utf-8" src="//g.alicdn.com/de/prismplayer/2.7.2/aliplayer-min.js"></script>

二、项目中使用

<div class="prism-player" id="J_prismPlayer" style="position: absolute"></div>



//script
getInit(){
				let player = new Aliplayer({
					id: 'J_prismPlayer',
					width: '100%',
					height:'60vh',
					autoplay: true,
					prismType: 2,
					vid: '',
					accId: '',
					accSecret: '',
					apiKey: '',
					source: this.address,  //视频地址
					showBarTime: 3000000,
					// cover: 'http://liveroom-img.oss-cn-qingdao.aliyuncs.com/logo.png'
				});
			},

this.address 为请求接口后台返回给我的直播地址
项目经历
移动端直播使用推流rtmp不行，播放rtmp的需要flash播放器，而手机上浏览器很少支持flash（我的理解，欢迎指正），除非是特定的，这不符合项目要求，使用m3u8
播放器视频格式