如何在 html5 视频开始播放时运行函数

Question

我正在用 ionic 构建一个应用程序，我想在视频开始播放时运行一个函数，例如隐藏按钮等。这是我的代码

    let video = <HTMLVideoElement> document.getElementById(i)
    if(video.paused) {
        video.play()
        video.oncanplay=()=>console.log('Starts playing');
    }

代码不起作用，请问我如何在该页面上的任何视频开始播放时运行函数

Answer 1

var vid = document.getElementById("myVideo");
vid.onplay = function() {
    alert("The video has started to play");
};

从这里： https : //www.w3schools.com/tags/av_event_play.asp

Answer 2

试试这个， play返回一个 promise。

const video = document.getElementById("myVideo");

async function playVideo() {
  try {
    await video.play();
    // video is playing, do your stuff here
  } catch(err) {
    // video is not playing
  }
}

if(video.paused) {
    playVideo()
 }

更多信息： https : //developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/play