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

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()
});