一、問題
在同一個html頁面中,出現多個視訊或音頻控件時,點選不同的控件,控件之間不會互相排斥,導緻多個視訊或音頻同時播放,聲音疊加在一起,十分嘈雜,現象如下面視訊所示。
視訊加載中...
二、顯示效果
解決上述問題後,最終顯示效果如下面視訊所示。
視訊加載中...
三、解決方案
解決方案如下:
1、擷取所有的video、audio标簽(頁面中的video标簽和audio标簽個數未知,需擷取所有的video、audio标簽);
2、周遊并監聽所有的視訊和音頻控件的播放事件,點選播放按鈕時,觸發監聽方法;
3、監聽方法會周遊其它所有的音頻或視訊,執行暫停播放操作;
四、實作代碼
1、body區域
2、關鍵代碼
最後,感謝大家的觀看,希望大家能夠關注我,同時需要上面資料的,可以私信我。
我是一個不斷學習進步的小白。