使用jQuery控制HTML5<音频>要素

Using jQuery to control HTML5 <audio> element

本文关键字：音频 gt 要素 jQuery lt HTML5 使用 控制      更新时间：2023-09-26

我正试图使用jQuery来控制HTML5音频元素，但我对JS不是天才。我想要的是播放器开始页面加载，我已经这样做了，但当点击播放按钮时，我想检查音频是否正在播放。如果单击时正在播放：停止音频。如果单击时未播放：播放音频。

如果你能帮忙，我将不胜感激。

来源：http://www.julake.co.uk/media/loader.php?page=contact

非常感谢，

您应该使用一个播放/暂停切换按钮，在该按钮中您需要检查音频是否暂停

var audioplayer = document.getElementById("audio-player");
$("#play-bt").click(function(){
    if (audioplayer.paused) {
       audioplayer.play();
    }   
    else {
       audioplayer.pause();
    }
    $(this).toggleClass('pause');  /* style your toggle button according to 
                                      the current state */
})

var audio = new Audio("http://www.w3schools.com/html5/song.ogg"); //or you can get it with getelementbyid
audio.addEventListener('canplay', function() {
//code, when audio can play
audio.play(); //this function will start the music
})

使用audio.play（）函数可以启动它。您不需要JQuery

如果您希望使用jquery选择器或已经有jquery选择器，可以添加[0]来获得本机dom元素。

因此，一个实际使用jquery的例子是.

$('audio')[0].pause()

相关文章：