javascripthtmljavascript-injection

JavaScript injection for controlling volume of video

I have a sample html page here which displays a video, I am using javascript injection to play/pause the video. But now I want to control the volume as well. How do I create a function which decreases/increases the volume based on percentage?

html video - http://techslides.com/demos/sample-videos/small.webm

JavaScript

function pausevid() {         
  var video = document.getElementsByTagName('video');     
  video[0].pause();  
}  

pausevid();
Solution

  • I don't think you could directly using percentage to video.volume property.

    You could use parseFloat to remove the % sign and divide by 100 to change it to decimal.

    let vol = "80%"

function pausevid() {
  var video = document.getElementsByTagName('video');
  video[0].pause();
  video[0].volume = parseFloat(vol) / 100;
  console.log(parseFloat(vol) / 100)
}

pausevid();
    <video></video>