<!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.0">
<title>视频播放器实例</title>
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<div id="wrap">
<video src="http://www.17sucai.com/preview/501914/2017-08-04/%E9%A1%B5%E9%9D%A2/media/mov_bbb.mp4"></video>
<div class="control">
<div class="btns">
<span class="start"></span>
<span class="stop"></span>
</div>
<div class="progress">
<div class="wrap">
<div class="inner"></div>
</div>
<div class="deeppink"></div>
</div>
<div class="others">
<div class="time">
<span class="now">00:00:00</span>/<span class="all">00:00:00</span>
</div>
<div class="sound">
<div class="switch">
<span></span>
</div>
<div class="progress">
<div class="wrap">
<div class="inner"></div>
<div class="deeppink"></div>
</div>
</div>
</div>
<div class="full-screen">
<span></span>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="./js/drag.js"></script>
<script>