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

cwtwac6a  于 2023-09-29  发布在  Java
关注(0)|答案(2)|浏览(121)

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

Html视频标签

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

视频停止事件

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

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

2ul0zpep

2ul0zpep1#

我找到了解决这个问题的办法。当视频完全结束时结束事件激发。为此,我使用onpause事件。当我们在其中使用开始和结束间隔时,暂停视频而不是结束视频,所以pause事件与此一起工作。下面是我现在使用的代码及其对我的作用

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

92vpleto2#

把这个留在这里,也许能帮上什么忙。该事件不会为我触发,因为我添加了loop属性。
我不知道这是否是众所周知的,但当视频启用循环时,我猜onEnded事件永远不会触发。我期待它在每次循环完成时都会触发,但显然没有。

相关问题