使用 Jquery 停止音频标签 HTML5

Posted

技术标签:

【中文标题】使用 Jquery 停止音频标签 HTML5【英文标题】:Stop Audio Tag HTML5 with Jquery 【发布时间】:2012-07-15 23:18:56 【问题描述】:

您好,我正在尝试让此音频停止,但我找不到任何方法:

$('<audio id="elevator" autoplay loop preload="auto" autobuffer><source src="elevator.mp3" /><source src="elevator.ogg" /></audio>').appendTo('body');

$('#elevator').pause();

【问题讨论】:

【参考方案1】:

pause() 不是 jQuery 方法,您应该先将 jQuery 对象转换为原始 DOM 元素,然后调用 pause() 方法,试试这个:

$('#elevator')[0].pause();

或:

document.getElementById('elevator').pause()

或:

document.getElementsByTagName('audio')[0].pause()

【讨论】:

我正在从控制台尝试。我尝试了 chrome 的所有可能性,但都没有。 @silviolor 这听起来很奇怪,因为我已经在 chrome 的控制台中测试了所有这些并且它们都可以工作。 很奇怪,如果我执行“play()”,它会在另一个实例正在播放时启动轨道 @silviolor 页面中还有其他音频标签吗?请注意,[0] 指的是页面中的第一个音频元素。 可能是自动播放的东西?

以上是关于使用 Jquery 停止音频标签 HTML5的主要内容,如果未能解决你的问题,请参考以下文章

如何停止 HTML5 的音频标签播放的音频

HTML5 - 当另一个音频标签开始播放时如何停止音频?

检测视频/音频是不是在 html5 视频标签中停止

暂停视频不会停止 html5 视频标签中的音频

HTML5 音频标签 + Jquery:切换活动按钮

如何停止使用 jQuery 播放其他音频元素