0

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

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

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

我需要确保这不会发生。

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

要查看这种情况,请访问http://www.onlinechurchmediacenter.com/mc/vertigoelectric/5628,选择音频或视频,一旦开始播放,请继续点击下方显示的“播放音频”或“播放视频”链接玩家。如果您以足够快的速度连续单击此按钮,您将开始注意到音频/视频的多个实例相互播放。

4

1 回答 1

0

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

于 2013-06-04T20:05:28.727 回答