從頁面中刪除HTML5音頻或視頻時，如何防止播放？

Question

請隨意為本文推薦一個更好的標題，因為我不確定如何在一個簡短的問題中正確地描述問題。

我有一個帶有HTML5播放器的媒體播放器頁面，訪問者可以選擇播放該頁面的視頻或音頻。 當一個正在播放時，可以使用一個按鈕切換到另一個。 例如，如果訪問者正在播放音頻，則可以使用“切換到視頻”按鈕，該按鈕實際上將刪除當前內容並將其替換。 當然，這也有效地從DOM樹中刪除了當前的HTML5播放器。 除了替換內容之外，在加載新內容之前，還會在頁面上的任何音頻或視頻元素上觸發“暫停”事件。

不幸的是，如果您在音頻和視頻之間切換得足夠快，最終將同時播放多個項目。

我需要確保不會發生這種情況。

如何確保在更換播放器時不會播放先前加載的文件？

要查看這種情況，請訪問http://www.onlinechurchmediacenter.com/mc/vertigoelectric/5628 ，選擇音頻或視頻，一旦開始播放，請繼續點擊下面顯示的“播放音頻”或“播放視頻”鏈接玩家。 如果您足夠快地連續單擊此按鈕，您將開始注意到音頻/視頻的多個實例相互播放。

Answer 1

我建議不要從DOM中刪除元素。 只需隱藏它們並觸發暫停即可。 為了達到最佳效果，請在播放下一個項目之前觸發另一個暫停。