javascript - 使用 jQuery 检测视频结束

Question

我有三个视频，我试图检测它们何时结束，然后导航到另一个页面。

该函数似乎仅适用于第一个视频 $vid1，而 $vid2 和 $vid3 视频则没有任何反应。

我遇到了这个question ，并从那里获取了我的代码。

(我在评论中注意到它指出“正确”答案在 Chrome 中不起作用)

我如何才能使此功能适用于所有视频？

JS

//variables
var $vid1 = document.getElementById("vid1");
var $vid2 = document.getElementById("vid2");  
var $vid3 = document.getElementById("vid3");

//functions
function Redirect1() {
    window.location.replace('ExamplePage1');
}

function Redirect2() {
    window.location.replace('ExamplePage2');
}

function Redirect3() {
    window.location.replace('ExamplePage3');
}

//events  

$vid1.addEventListener("ended", Redirect1, false);
$vid2.addEventListener("ended", Redirect2, false);
$vid3.addEventListener("ended", Redirect3, false);

HTML

<div class="videoResult vidOne">
   <video id="vid1" controls>
     <source src="#" type="video/mp4">
   </video>
</div>

<div class="videoResult vidTwo">
   <video id="vid2" controls>
      <source src="#" type="video/mp4">
   </video>
</div>

<div class="videoResult vidThree">
   <video id="vid3" controls>
      <source src="#" type="video/mp4">
   </video>
</div>

Answer 1

也许，试试这个？

//functions
function Redirect1() {
    window.location.replace('./ExamplePage1');
}

function Redirect2() {
    window.location.replace('./ExamplePage2');
}

function Redirect2() {
    window.location.replace('./ExamplePage3');
}