时间戳

首页 > 解决方案 > 视频停止播放后，如何创建触发登录页面弹出的事件？

javascript - 视频停止播放后，如何创建触发登录页面弹出的事件？

问题描述

我是一名设计师，客户希望他的营销视频在他的网站上播放，视频播放完毕后，它会自动将您发送到登录页面。
（我的javascript知识非常有限，希望尽可能简单）

标签： javascript

解决方案

这完全取决于网站的实施。如果它只是一个<video/>元素，它可能就像在ended事件触发后监听事件和路由一样简单。

来自 MDN 的以下片段中的视频：视频嵌入元素

document.getElementById("test-video").addEventListener("ended", () => {
  console.log("Video ended do routing logic");
});
<video id="test-video" autoplay muted controls width="250">
    <source src="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm"
            type="video/webm">
    <source src="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4"
            type="video/mp4">
    Sorry, your browser doesn't support embedded videos.
</video>

推荐阅读