Javascript 如何在没有jQuery的情况下将播放事件绑定到AJAX加载的视频？

我知道如何处理每个元素都支持的单击事件。因此，通过这种方式，我可以将其用于稍后使用AJAX加载的内容

但是

play

事件似乎只针对

video

和

audio

标签。所以我听不到它对身体的影响吧？在没有jQuery的情况下，如何向以后使用AJAX加载的每个视频添加播放事件

jQuerys

on（）

是正确的方法吗？是否有jQuery

on（）

函数的独立端口可以用作模块

document.body.addEventListener( 'mouseover', iframeEvent, false );
document.body.addEventListener( 'touchend', iframeEvent, false );
document.body.addEventListener( 'touchmove', iframeEvent, false );

function iframeEvent( ev ) {

    if ( ! ev.target ) {
        return;
    }

    const ele = ev.target;

    if ( ele.matches( 'iframe' ) ) {
        // do stuff
    }
}

---

有关

document.body.addEventListener( 'play', iframeEvent, false );

document.body.addEventListener( 'play', iframeEvent, true);