index.html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<title>M3U8视频播放器</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/player.css" />
<body>
<div class="main ready">
	<div class="player">loading...</div>
	<div class="logo">M3U8视频播放器</div>
	<form class="form-control">
		<input class="url" type="text" placeholder="请输入m3u8视频网址" value="" />
		<input class="play" type="submit" value="" title="点击播放" />
	</form>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/layer/layer.min.js"></script>
<script src="js/artplayer/artplayer.js"></script>
<script src="js/artplayer/artplayer-plugin-control.js"></script>
<script src="js/artplayer/hls.min.js"></script>
<script src="js/artplayer/artplayer-plugin-hls-quality.js"></script>
<script src="js/player.js"></script>
</body>
</html>