在html中,可以使用puase方法實(shí)現(xiàn)audio停止,語(yǔ)法格式為“對(duì)象.pause();”?!皃ause()”方法停止(暫停)當(dāng)前播放的音頻或視頻,通常與“play()”方法一起使用,同時(shí)使用controls屬性來(lái)顯示音頻控件。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
pause() 方法停止(暫停)當(dāng)前播放的音頻或視頻。
提示: 該方法通常與 play() 方法一起使用。
提示:使用controls 屬性來(lái)顯示音頻控件 (如音頻上的: play, pause, seeking, volume, 等)。
示例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>視頻播放</title> </head> <body> <script> window.onload =function(){ var ov=document.getElementById("a1"); ov.onmouseover=function() { this.play(); } ov.onmouseout =function() { this.pause(); } }; </script> <video id="a1" src="陳奕迅 - 陪你度過(guò)漫長(zhǎng)歲月.mp4" controls loop width="400" height="400">你的瀏覽器不支持</video> </body> </html>
效果:
play() 方法開始播放當(dāng)前的音頻。
其中鼠標(biāo)箭頭移動(dòng)到視頻中時(shí),觸發(fā)play功能,視頻開發(fā)播放;
鼠標(biāo)箭頭離開視頻時(shí),觸發(fā)pause功能,視頻暫停播放。
推薦學(xué)習(xí):html視頻教程