自定义播放器JS

需要用到的属性：

currentTime : 显示视频播放的时间

duration : 总时间

volume : 0.0-1.0音量控制

muted : 是否静音

需要用到的方法和事件：

play() : 播放

pause() : 暂停

webkitRequestFullScreen():全屏

timeupdate : 时间更新（类似setInterval）

canplay: 可以播放

<script>
// 1.找到需要操作的元素
var video = document.getElementById('video');//找到视频dom对象
var jp_play = document.getElementsByClassName('jp-play')[0];//播放
var jp_pause = document.getElementsByClassName('jp-pause')[0];//暂停
var jp_duration = document.getElementsByClassName('jp-duration')[0];//总时长
var jp_current_time = document.getElementsByClassName('jp-current-time')[0];//播放的时间
var jp_seek_bar = document.getElementsByClassName('jp-seek-bar')[0];//整个进度条
var jp_play_bar = document.getElementsByClassName('jp-play-bar')[0];//播放的进度条
var jp_full_screen = docum