原生js打造自定义播放器

用到的技术,主要是video的相关知识:实现的功能是去掉自带的控制条,按自己想要的形式设置视频的控制条:有播放与暂停(play()方法和pause()方法)、拖拽控制条控制视频的播放进度,并且控制条随着视频的播放进度自动前进或后退,还有视频播放的当前时间和视频的总时间,以及音量大小的控制,和是否全屏播放按钮,这里的全屏播放,只用了一条语句

oV.mozRequestFullScreen();//按ESC键退出全屏

详细的步骤在代码中已经注释了,有兴趣的可以看看哦,当然也希望多提宝贵意见。嗯、直接上代码喽(温馨提示,请用火狐浏览器看效果)




    
    Title
    


00:00:00 / 00:00:00

你可能感兴趣的:(js练习)