javascript - HTML5 视频如果哈希值等于值，则使用 Javascript 函数将音频设置为 1，否则将音频设置为 0

Question

你好，我正在尝试根据位置哈希设置 HTML5 的视频音频级别，例如，如果哈希为#home，则视频的音频应为 1.0 如果哈希不是#home，则音频级别应为 0.0我已经玩过了，我似乎无法让它在这里工作是我的代码并感谢您的关注和帮助!

 $(function() {
   if (location.hash === "#home") {
     videoAudio();
   }
 } else {
   videoAudioMute();
 });

 function videoAudio() {
   var vid = document.getElementById("myvideo");
   vid.volume = 1.0;
 }

 function videoAudioMute() {
   var vid = document.getElementById("myvideo");
   vid.volume = 0.0;
 }

html

<div class="background">
      <video id="myvideo" poster="assets/img/slide1-background-img-pattern-01.jpg" controls="" autoplay="" loop=""  >
      <source src="assets/vid/Background.mp4" type="video/mp4">
      <source src="assets/vid/Background.webm" type="video/webm">
      <source src="assets/vid/Background.ogv" type="video/ogg">
    </video>
  </div>

Answer 1

您有一个语法错误。

正确的版本应该是这样的:

$(function () {
        if (location.hash === "#home") {
            videoAudio();
        } else {
            videoAudioMute();
        }
});

function videoAudio() {
    var vid = document.getElementById("myvideo");
    vid.volume = 1.0;
}

function videoAudioMute() {
    var vid = document.getElementById("myvideo");
    vid.volume = 0.0;
}