Javascript HTML视频暂停、播放和删除类

我试图创建一个广告横幅，当网页加载广告横幅播放。广告横幅还具有播放和暂停按钮功能，即当您单击播放/暂停功能时，视频将播放和暂停。视频播放完成后，changes类将被替换为图像。我不是Jquery最棒的，下面的链接只是我要走的方向的一小段

})

如果有人知道如何使用angular JS实现这一点，请给我举个例子

我看到你在这里遇到的问题是视频事件

我使用了html5视频属性暂停，暂停是暂停视频以触发按钮单击的方法

无需在上添加onclick属性

<a id="play-pause-btn" onClick="playPause">click me</a>

看一看视频活动，充分利用视频活动

<a id="play-pause-btn" onClick="playPause">click me</a>

var video = document.getElementById("video-wall__content"); 
$("#play-pause-btn").click(function(e){
    if(video.paused==true){
        console.log('video paused');
        //display banner on video stopping
        video.play();
    }else{
        //hide banner
        console.log('video played');
        video.pause();
    }
});
video.addEventListener("ended", function(){
    console.log('video completed');
    //display banner on video ending
});