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