使用散列來更改頁面上的視頻src

Question

使用散列更改視頻源僅適用於其中一個標籤。

例如mywebsite.com/video.php會顯示默認的視頻，如果我去mywebsite.com/video.php#video1它會改變視頻-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""; 
}