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

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

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

let video=document.getElementById（i）
如果（视频暂停）{
视频播放（）
video.oncanplay=（）=>console.log（'开始播放'）；
}

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

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

从这里开始：

---

从此处开始：

尝试此操作，

play

返回承诺

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

---

有关详细信息：

请尝试此操作，

play

返回承诺

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

有关详细信息：

我确信play（）会返回一个承诺，因此您可以在其上附加一个then（）。看看这对你是否有帮助我肯定play（）会返回一个承诺，所以你可以在它后面附加一个then（）。看看这是否对你有帮助