如何检测HTML5<video>元素何时播放完毕?

推荐答案

您可以添加一个以"ended"作为第一个参数的事件侦听器

如下所示:

<video src="video.ogv" id="myVideo">
  video not supported
</video>

<script type='text/javascript'>
    document.getElementById('myVideo').addEventListener('ended',myHandler,false);
    function myHandler(e) {
        // What you want to do after the event
    }
</script>

Html相关问答推荐

CSS动画积分计数器

springBoot + Thymeleaf:基于Locale设置页面语言

如何在htmlAngular 17的@for中使用索引

在FlexBox中将div拉伸到父div的完全高度

使用HTML进行DAX测量

覆盖垫子中的边框底部 Select

当溢出到滚动条中时, bootstrap 按钮样式会更改

穿过整个屏幕的旋转线

文本幻灯片显示动画

如何修剪 flex: 1 内的垂直文本?

第 117 行的块标记无效:endblock,应为empty或endfor.您是否忘记注册或加载此标签?

为什么盒子不在div中显示?

Github上部署需要花费几小时时间:等待github pages部署批准

使用 calc 函数设置字体大小时 Flexbox 项目重叠

为什么使用 Css 只能看到 1 列而不是 3 列?

我应该如何使这个带有标签的隐藏复选框可访问

如何在 bootstrap 程序导航栏中居中搜索图标

如何将第一个 p 标签放在其下方第二个 p 标签的中间

使用 tailwind css 将 HTML/CSS/JS 站点转换为 React App

Bootstrap Grid System col 无法正常工作