Im pretty new to developing webpages, so if the answer is stupidly obvious then I apologise. I am trying to create a fully functioning playback rate change menu on my video player, but every time i select any option on the dropdown menu, the result i get from my .js always defaults to the last if statement. in this case, selecting for example "0.5x" speed, it will always default to 1.75, since thats the last thing i mentioned in my js if statements.
var playbackSpeeds = document.getElementById ("speedValues");
speedValues.addEventListener ("input", changePlaybackSpeed)
function changePlaybackSpeed()
{
if (document.getElementById("speedValues").value = "2x")
{
myVideo.playbackRate = 2.0;
}
if (document.getElementById("speedValues").value = "0.5x")
{
myVideo.playbackRate = 0.5;
}
if (document.getElementById("speedValues").value = "0.75x")
{
myVideo.playbackRate = 0.75;
}
if (document.getElementById("speedValues").value = "1x")
{
myVideo.playbackRate = 1.0;
}
if (document.getElementById("speedValues").value = "1.25x")
{
myVideo.playbackRate = 1.25;
}
if (document.getElementById("speedValues").value = "1.5x")
{
myVideo.playbackRate = 1.5;
}
if (document.getElementById("speedValues").value = "1.75x")
{
myVideo.playbackRate = 1.75;
}
}`
Id like for the end result to actually work use the speed that the user will set it, rather than what is happening now. Any help would be much appreciated.