window.onresize
这个事件主要用于当浏览器窗口发生改变时,实时获取video的width和height;
代码示例:
window.onresize=function() {
// 控制窗口不小于800时,进行video的width和height的重新获取;
if(document.documentElement.clientWidth>=800) {
video.width = document.documentElement.clientWidth;
video.height = document.documentElement.clientHeight - controler.offsetHeight;
}
}
video.play()和video.pause()
这两个方法主要用于播放暂停按钮的事件切换;
代码示例:
startOrpause.onclick=function(){
//判断视频是否时暂停状态,注意暂停状态是:video.paused;要与video.pause()方法区别开来;
if(video.paused) {
// 播放暂停按钮的精灵图切换
startOrpause.classList.add('active');
// 点击按钮后,让video播放;
video.play();
timer = setInterval(move,100);