html - 通过 Javascript 的 HTML5 视频控制海报图像

Question

我正在尝试在视频结束后显示海报图片，这是代码。但是海报图片没有出现。任何线索为什么这没有发生？

理想的步骤是 1. 暂停视频 2. 在第一帧初始化 3. 删除默认控件 4. 显示海报图像。

代码：

document.getElementById("video1").addEventListener("ended", function () {
    document.getElementById("video1").pause();
    document.getElementById("video1").currentTime = 0;
    document.getElementById("video1").removeAttribute("controls");
    document.getElementById("video1").setAttribute("poster", "graphic.jpg");
  });

Answer 1

试试这个：

document.getElementById("video1").addEventListener("ended", function () {
    this.load()
});