JavaScript 用于控制视频音量的注入

Question

我这里有一个显示视频的示例 html 页面，我正在使用 javascript 注入到 play/pause 视频。但现在我也想控制音量。如何创建一个 decreases/increases 基于百分比的音量的函数？

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

JavaScript

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

pausevid();

Answer 1

您可能需要尝试这个：https://www.w3schools.com/tags/av_prop_volume.asp

例如将音量设置为 20%

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

Answer 2

我认为您不能直接使用百分比来 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>

JavaScript 用于控制视频音量的注入

JavaScript injection for controlling volume of video

html

javascript

javascript-injection