HTML5视频事件监听器无法正常工作

时间:2018-02-20 14:00:53

标签: javascript jquery html html5-video

我正在尝试向我的视频播放器添加'已结束'和'timeupdate'事件侦听器,但由于某种原因它无效:

{
  "house": "<some_house_id>"
}

如果有人可以向我解释为什么它不起作用那会很棒。任何帮助是极大的赞赏。提前谢谢!

2 个答案:

答案 0 :(得分:0)

您有一些语法错误。关闭TimeUpdate和Ended函数后需要删除括号。

function Ended() 
    {
        alert("Ended!");
        video.source = "second_video.mp4";
        video.load();
        video.play();
    })<--- remove this;

答案 1 :(得分:0)

我已更新您的Ended和TimeUpdate功能。

    function Ended() 
    {
        alert("Ended!");
        video.source = "second_video.mp4";
        video.load();
        video.play();
    };

    function TimeUpdate()
    {
        if(video.currentTime > (1 * 60))
            alert("1min passed...");
    };

您的原始代码在两个函数的末尾都包含一个不必要的结束括号。代码的Codepen工作:https://codepen.io/anon/pen/zRWRyQ?editors=1111