adapter.git - Gitblit

			@@ -1,4 +1,4 @@
			<!DOCTYPE html>
			<!DOCTYPE html>
			<html>

			<head>
			@@ -71,6 +71,71 @@
			overflow-y: auto;
			padding: 5px;
			}

			/* ================ 播放器控制面板样式 start ================ */
			.controls-container {
			width: 720px;
			height: 40px;
			position: absolute;
			left: 0px;
			bottom: -40px;
			background-color: #000;
			}

			/* 播放/暂停 */
			.controls-container .switch {
			width: 20px;
			height: 20px;
			display: block;
			font-size: 20px;
			color: #fff;
			position: absolute;
			left: 10px;
			top: 10px;
			}
			/* 全屏 */
			.controls-container .expand {
			width: 20px;
			height: 20px;
			display: block;
			font-size: 20px;
			color: #fff;
			position: absolute;
			right: 10px;
			top: 10px;
			}
			/* 进度条 */
			.controls-container .progress {
			width: 430px;
			height: 10px;
			position: absolute;
			left: 40px;
			bottom: 15px;
			background-color: #555;
			}
			.controls-container .progress .bar {
			/width: 100%;/
			width: 430px;
			height: 100%;
			border-radius: 3px;
			cursor: pointer;
			position: absolute;
			left: 0;
			top: 0;
			opacity: 0;
			z-index: 999;
			}
			.controls-container .progress .loaded {
			width: 60%; /* 视频缓存的进度, 后期可动态变化 */
			height: 100%;
			background-color: #999;
			border-radius: 3px;
			position: absolute;
			left: 0;
			top: 0;
			z-index: 2;
			}
			/* ================ 播放器控制面板样式 end ================ */
			</style>
			</head>

			@@ -78,8 +143,8 @@
			<div class="player-wrapper" id="container" style="background-color: #0D0E1B;width:900px;height:500px">
			</div>

			<div id="progressTime"></div>

			<div id="progressTime"></div>
			<div class="btn-wrapper" id="playDom">
			<button class="btn" id="play">播放</button>
			</div>