控制视频音量的JavaScript注入技术

Question

这里有一个显示视频的html示例页面，我使用javascript注入来播放/暂停视频。但现在我也想控制音量。如何创建基于百分比的减少/增加体积的函数？

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

JavaScript

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

pausevid();

Answer 1

我不认为您可以直接使用百分比的video.volume属性。

您可以使用parseFloat移除%符号并除以100将其更改为十进制。

​

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>

​

Answer 2

您可能必须尝试以下操作：https://www.w3schools.com/tags/av_prop_volume.asp

例如，将音量设置为20%

var vid = document.getElementById("myVideo");
vid.volume = 0.2;