javascript - 播放视频后自动关闭模式。设置超时功能不起作用

Question

我根本不懂编码，只能通过互联网拼凑出这么多。

Here's the fiddle

    <script type="text/javascript">
  $('#overlay').modal('show');

setTimeout(function() {
    $('#overlay').modal('hide');
}, 5000);

Answer 1

改成这样

setTimeout(() => {
  $('#overlay').hide();
}, 12000);

.modal 类是不同库/框架的一部分(我怀疑 Bootstrap)

此外，您不需要 $('#overlay').modal('show')如果您希望它出现在页面加载时

并且，如果您希望它发生在视频端，那么:

1) 您需要删除属性loop来自您的<video>元素

2) 您需要添加一个事件监听器来等待视频结束事件。

类似于

const video = document.querySelector('video');

video.onended = (event) => {
  $('#overlay').hide();
};

JSFiddle 链接 https://jsfiddle.net/67ujLnsx/