javascript - 使用哈希更改页面上的视频源

Question

使用哈希更改视频源仅适用于其中一个标签。

例如 mywebsite.com/video.php 将显示默认视频，如果我转到 mywebsite.com/video.php#video1 它将更改为video-1，但如果我访问 mywebsite.com/video.php#video2，它仍然显示视频 1。

<script>
// test all possible places hash could be on different browsers
if(window.location.hash){
   hash = window.location.hash;
} else if (document.location.hash){
   hash = document.location.hash;
} else if (location.hash){
   hash = location.hash;
}

// some browsers start the hash with #, remove it for consistency
if(hash.substring(0,1) == '#'){
    hash = hash.substring(1,hash.length);
}

if(hash = '#video1'){
  document.getElementById('myVideo') .src=a = "http://mywebsite.com/videos/video-1.mp4";
}

if(hash = '#video2'){
  document.getElementById('myVideo') .src=a = "http://mywebsite.com/videos/video-2.mp4"";
}
</script>

<video id="myVideo" controls>
     <source src="http://mywebsite.com/videos/video-default.mp4">
    </video>

我该如何解决这个问题？有没有更好的方法使用某种 id 来更改 src 路径？

Answer 1

您在应该使用 == 时使用了 =。即使您删除了 hash 开头的 #，您仍然将其包含在比较字符串中。

if (hash == 'video1') {
  document.getElementById('myVideo') .src=a = "http://mywebsite.com/videos/video-1.mp4";
} else if (hash == 'video2') {
  document.getElementById('myVideo') .src=a = "http://mywebsite.com/videos/video-2.mp4"";
}