思路:
一.首先监听触发事件。
比如:向上键对应的keyCode为38,向下键对应的keyCode为40,向左键对应的keyCode为37,向右键对应的keyCode为39,空格键对应的keyCode为32,
其他的keyCode可以通过 console.log("keyCode:" + event.keyCode); 打印获取。
二.调用video标签对应的属性以及方法
获取视频元素:var videoElement = document.getElementById("videoPlay");
获取设置音量大小:videoElement.volume
获取设置当前播放的位置:videoElement.currentTime
播放视频:videoElement.play()
暂停视频:videoElement.pause()
三.实际应用,直接上代码
1 //reurn false 禁止函数内部执行其他的事件或者方法 2 var vol = 0.1; //1代表100%音量,每次增减0.1 3 var time = 10; //单位秒,每次增减10秒 4 var videoElement = document.getElementById("videoPlay"); 5 console.log(videoElement.paused); 6 7 document.onkeyup = function (event) { //键盘事件 8 9 console.log("keyCode:" + event.keyCode); 10 var e = event || window.event || arguments.callee.caller.arguments[0]; 11 12 //鼠标上下键控制视频音量 13 if (e && e.keyCode ==&