Html 视频结束事件不适用于元素中的开始和结束时间声明

Posted 2023-03-07

【中文标题】Html 视频结束事件不适用于元素中的开始和结束时间声明

【英文标题】：Html Video ended event not working with start and end time declaration in element

【发布时间】：2019-07-29 06:42:56

【问题描述】：

我在 html 视频标签中添加开始和结束时间，并在视频结束事件中编写代码。但问题是当我在 html 视频标签中使用开始和结束时间时，结束的事件不起作用但它在不使用开始和结束时间的情况下工作正常。

Html 视频标签

<video style="object-fit: fill;" class="videocls"   id="vid">
    <source src="/newhope/upload/1562979764.mp4#t=55,72" type="video/mp4">
</video>

视频停止事件

$("#vid").bind("ended", function() 
    alert('hit me');
);

我想在 html 视频标签中提到的特定持续时间完成时触发此结束事件。

【问题讨论】：

签出这个答案***.com/a/41047289/7035903

“我在 html 视频标签中添加了开始和结束时间”——你指的是源代码中的#t=55,72 部分吗？这不是 HTML5 本身提供的任何类型的功能，AFAIK - 所以它可能依赖于某种额外的库/代码来使它做任何事情？然后你应该提到那是什么。

@misorude 是的，我指的是同一个

您是否尝试过收听onTimeUpdate 事件？您可以轻松检查 this.currentTime 是否 === 您的结束时间。

感谢大家的关注。我找到了解决方案并发布在答案中

【参考方案1】：

我找到了解决这个问题的方法。当视频完全结束时触发结束事件。为此，我使用 onpause 事件。当我们在其中使用开始和结束间隔时，会暂停视频而不是结束视频，因此 onpause 事件正在使用它。这是我现在使用的代码及其对我的工作

document.getElementById("vid").onpause = function() 
    alert("The video has been paused");
;