js怎样捕获视频播放结束：javascript控制同一页面中的音频和视频控件同时只能有一个播放

一、问题

在同一个html页面中，出现多个视频或音频控件时，点击不同的控件，控件之间不会相互排斥，导致多个视频或音频同时播放，声音叠加在一起，十分嘈杂，现象如下面视频所示。

解决上述问题后，最终显示效果如下面视频所示。

解决方案如下：

1、获取所有的video、audio标签（页面中的video标签和audio标签个数未知，需获取所有的video、audio标签）；

2、遍历并监听所有的视频和音频控件的播放事件，点击播放按钮时，触发监听方法；

3、监听方法会遍历其它所有的音频或视频，执行暂停播放操作；

1、body区域

2、关键代码

最后，感谢大家的观看，希望大家能够关注我，同时需要上面资料的，可以私信我。

我是一个不断学习进步的小白。