要实现播放视频后自动关闭模态框,并且超时函数不起作用,可以使用以下解决方法:
元素,用于播放视频。
// 获取模态框和视频元素
var modal = document.getElementById("myModal");
var video = document.getElementById("myVideo");
// 监听视频播放结束的事件
video.addEventListener("ended", function() {
// 关闭模态框
modal.style.display = "none";
});
// 获取模态框和视频元素
var modal = document.getElementById("myModal");
var video = document.getElementById("myVideo");
// 监听视频播放结束的事件
video.addEventListener("ended", function() {
// 延迟2秒后关闭模态框
setTimeout(function() {
modal.style.display = "none";
}, 2000);
});
上述代码中的 2000
表示延迟的时间,单位为毫秒。你可以根据需要自行调整延迟时间。
上一篇:播放视频后倒放