如何从页面中删除HTML5音频或视频?

时间:2013-06-04 20:00:52

标签: html5 audio video

请随意为这篇文章建议更好的标题,因为我不确定如何在一个简短的问题中正确描述问题。

我有一个带有HTML5播放器的媒体播放器页面,以及访问者选择播放该页面的视频或音频的选项。当一个人正在播放时,可以使用一个切换到另一个的按钮。例如,如果访问者正在播放音频,则可以使用“切换到视频”按钮,该按钮基本上删除当前内容并替换它。当然,这也有效地从DOM树中移除了当前的HTML5播放器。除了替换内容之外,在加载新内容之前,会在页面上的任何音频或视频元素上触发“暂停”事件。

不幸的是,如果你足够快地在音频和视频之间切换,你最终会同时播放多个项目。

我需要确保不会发生这种情况。

如何确保在更换播放器时,之前加载的文件无法播放?

要查看此情况,请转到http://www.onlinechurchmediacenter.com/mc/vertigoelectric/5628,选择音频或视频,一旦开始播放,请继续点击播放器下方的“播放音频”或“播放视频”链接。如果你足够快地点击这个,你就会开始注意到音频/视频的多个实例互相播放。

1 个答案:

答案 0 :(得分:0)

我建议不要从DOM中删除元素。只需隐藏它们并触发暂停。为了更好地衡量,请在播放下一个项目之前触发另一个暂停。