如何使用原生的js来控制视频，不使用Html5中的video

Question

如何使用原生的js来控制视频，不使用Html5中的video

Answer 1

HTMLVideoElement 继承自 HTMLMediaElement，可以使用继承自 HTMLMediaElement 的 play()、pause() 等方法来控制视频：

let myVideo = document.getElementById("myVideoElement");

myVideo.play().then(() => {
  document.getElementById("statusText").innerHTML = "Yay! Video is playing!";
}).catch((error) => {
 document.getElementById("statusText").innerHTML = "Error: " + error;
});

文档：

• HTMLVideoElement: https://developer.mozilla.org/en-US/docs/Web/API/HTMLVideoElement

• HTMLMediaElement: https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement