如何防止HTML5音频或视频在从页面中移除时播放？

请随时为本文提出更好的标题，因为我不确定如何在一个简短的问题中正确描述问题。如何防止HTML5音频或视频在从页面中移除时播放？

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

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

我需要确保这不会发生。

如何确保在更换播放器时以前加载的文件无法播放？

要查看此情况，请转至http://www.onlinechurchmediacenter.com/mc/vertigoelectric/5628，选择音频或视频，一旦开始播放，请点击播放器下方的“播放音频”或“播放视频”链接。如果您不断快速点击它，您将开始注意到音频/视频的多个实例正在彼此播放。

来源

2013-06-04 vertigoelectric

在开始播放新的元素之前，是否可以触发所有播放元素的暂停事件？ – bpoiss

它应该是，但我不能得到它的工作。我认为问题的一部分是技术上不再存在的元素，因此它们不能被触发器瞄准，但它们的文件中的音频仍然播放。 – vertigoelectric

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

来源

2013-06-04 20:05:28 Morfie

我可以问我的老板他是否希望我花费额外的时间来做到这一点，但它可能需要更多的重新设计/编码，而不是价值。我考虑的一种可能的解决方法是在内容加载时暂时禁用或隐藏“切换”按钮，从而防止快速点击......您认为这可以起作用吗？ – vertigoelectric

这绝对可以工作。实际上过去是为了防止人们重复提交表格。 – Morfie

我会试试看。我认为唯一可能的缺点是如果这个问题与文件加载需要多长时间有关。对于速度较慢的系统，如果媒体加载时间比启用按钮需要的时间更长，则可能仍会发生。 – vertigoelectric

如何防止HTML5音频或视频在从页面中移除时播放？

回答

相关问题