Javascript 捕获视频播放并完成事件

我们有一个带有一些javascript控件的播客播放器。在Google Tag Manager中，我们希望在用户单击“播放”按钮（或启动视频）时捕获一个事件，并在文件完成时捕获一个事件（如果他们听了，则表明他们已经听了整件事）。将这些变量连接到GTM的最佳方式是什么

我们可以使用gtag.js并在页面代码中触发事件，但是我们在GTM中做其他的事情，所以希望保持一致的管理。也可作为拓展GTM知识的练习

<audio id="podcastUrl" src="https://somedomain.com/podcast.mp3"></audio>
<img class="au-podcast__play" src="playbutton.jpg">

<script>
    var audio = document.querySelector('#podcastUrl');
    var play = $('.au-podcast__play');
    play.on('click', playPodcast);
 
    function playPodcast() {
        audio.play();
    }
</script>

var audio=document.querySelector（“#podcastUrl”）；
var play=$（'au-podcast__play'）；
play.on（'click'，playbodcast）；
函数playbodcast（）{
音频播放（）；
}