IOS直播不能播放的问题解决,H5直播

uniapp直播拉流播放封装组件

<template>
	<view>
		<video :src="live_src" 
			type='application/x-mpegURL' 
			id="my-video" 
			class="video-js" 
			controls 
			preload="auto"
			poster="http://ppt.downhot.com/d/file/p/2014/08/12/9d92575b4962a981bd9af247ef142449.jpg" 
			data-setup="{}">
		</video>
	</view>
</template>

<script>
	export default {
		name: "live-video",
		props: ['live_src'],
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	video{
		width: 100vw;
	}
</style>

使用组件 , live_src 需要是m3u8格式的拉流地址

<LiveVideo :live_src="live_src"></LiveVideo>

import LiveVideo from '@/components/live-video'
		
components: {
	LiveVideo,
},
data() {
	return {
        live_src:''
    }
}