自制简易视频播放器

简易视频播放器"/>

自制简易视频播放器

HTML结构：

    <video src="./1.mp4" id="video"></video><!-- 视频控件 --><div class="playBox"><!-- 播放/暂停按钮 --><span id="btn"></span><!-- 进度条 --><div class="progress"></div></div>

CSS结构：

*{margin: 0;padding: 0;}#video{width: 100%;}.playBox{width: 100%;height: 50px;background-color: #fff;position: fixed;left: 0;bottom: 0;text-align: center;padding: 5px 0;}#btn{width: 50px;height: 50px;display: inline-block;background: url(./play.png);}.progress