H5 播放Hls

     移动端播放Hls可以直接利用 H5 ”Video“标签，代码很简单，示例如下：

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="Access-Control-Allow-Origin" content="*">
		<meta charset="utf-8">
	</head>
	<body>
		<div>
			<video id="my-player" class="vjs-tech" width="100%" height="100%"
			       controls="controls" autoplay="autoplay"
				   x-webkit-airplay="true" x5-video-player-fullscreen="true"
				   preload="auto" playsinline="true" webkit-playsinline
				   x5-video-player-type="h5">
				   <source type="application/x-mpegURL" src="http://106.14.83.12:12345/cgmedia/hls/getstream/addr=live/34020000001320000001@34020000001320000001/34020000001320000001@34020000001320000001.m3u8">
			</video>
		</div>
	</body>
</html>

　　

如需交流可加QQ群766718184，1038388075 或者QQ3501870

视频下载地址：http://www.chungen90.com/?list_53

 Demo下载地址： http://www.chungen90.com/?list_52

posted @ 2020-07-28 20:33  王纲  阅读(2397)  评论(0)  编辑  收藏  举报