使用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');
}