test hlsplyer

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1,shrink-to-fit=no">
<title>M3U8 Player - HLSPlayer</title>
<meta name="keywords" content="m3u8 player, hls player, m3u8, hls">
<meta name="description" content="This page allows you to play M3U8/HLS streams online with no installation required.">
<script src="/cdn-cgi/apps/head/K7EM1jp8ZnlSpQxxwtkr5UWHzaY.js"></script><style>

/*--------------------
body
--------------------*/

.player-section {
	background: #f5f5f5;
}

.player-section .url-control {
	max-width: 600px;
	margin: 0 auto;
	margin-top: 30px;
}

.player-section .url-control button {
	width: 80px;
}

.player-section #player-container {
	position: relative;
	width: 100%;
	max-width: 752px;
	height: 423px;
	margin: 30px auto;
	background: black;
}

@media ( max-width : 767px) {
	.player-section #player-container {
		height: 300px;
	}
}

.player-section #player-notes {
	text-align: center;
	margin-top: 15px;
	margin-bottom: -20px;
	font-size: 13px;
	color: #666;
}

.player-section #player {
	width: 100%;
	height: 100%;
}

.player-section #player-tip {
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: -20px;
	text-align: center;
	color: #ccc;
	visibility: hidden;
}

</style>

</head>
<body>

</div>