Javascript 将鼠标悬停在按钮上可加快视频速度,不悬停按钮时,视频将恢复到相同的速度
当我将鼠标悬停在按钮上时,底部的JavaScript不起作用。背景中的视频保持相同的速度。我不太确定我做错了什么。谢谢Javascript 将鼠标悬停在按钮上可加快视频速度,不悬停按钮时,视频将恢复到相同的速度,javascript,html,css,Javascript,Html,Css,当我将鼠标悬停在按钮上时,底部的JavaScript不起作用。背景中的视频保持相同的速度。我不太确定我做错了什么。谢谢 欢迎 ~z~测试~ var x=document.getElementById(“myVideo”); 函数setPlaySpeed(){ x、 回放率=0.1; } 函数getPlaySpeed(){ x、 回放率=1 } 您引用的是DIV而不是视频 在视频中添加一个ID并引用该ID <video id=“videoPlayback” AutoPlay loop&g
欢迎
~z~测试~
var x=document.getElementById(“myVideo”);
函数setPlaySpeed(){
x、 回放率=0.1;
}
函数getPlaySpeed(){
x、 回放率=1
}
您引用的是DIV而不是视频
在视频中添加一个ID并引用该ID
<video id=“videoPlayback” AutoPlay loop>
还有一个输入错误
onmouseout="getPlaySpeedF"
正如JNUI在评论中提到的,只是为了以防万一你不知道,确保有“()”添加onmouse的结尾。。。功能。例如,getPlaySpeed() 对于onmouseover和onmouseout事件,您应该调用函数,而不仅仅是引用它们
<a id="link1"
onmouseover="setPlaySpeed()"
onmouseout="getPlaySpeed()"
href="home.html"
style="text-decoration:none;">Welcome</a>
如果要加快视频速度,则setPlaySpeed函数中的播放速率应大于1,如下所示:
function setPlaySpeed() {
x.playbackRate = 1.5;
}
可能onmouseover上也有括号,例如onmouseover=“setPlaySpeed()”是的!这也是引用函数时需要的!你对此投了赞成票,并编辑了我的答案,以防不知道。非常感谢。
<a id="link1"
onmouseover="setPlaySpeed()"
onmouseout="getPlaySpeed()"
href="home.html"
style="text-decoration:none;">Welcome</a>
var x = document.querySelector("video");
function setPlaySpeed() {
x.playbackRate = 1.5;
}