在html中,可以使用puase方法實現(xiàn)audio停止,語法格式為“對象.pause();”?!皃ause()”方法停止(暫停)當前播放的音頻或視頻,通常與“play()”方法一起使用,同時使用controls屬性來顯示音頻控件。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
pause() 方法停止(暫停)當前播放的音頻或視頻。
提示: 該方法通常與 play() 方法一起使用。
提示:使用controls 屬性來顯示音頻控件 (如音頻上的: 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="陳奕迅 - 陪你度過漫長歲月.mp4" controls loop width="400" height="400">你的瀏覽器不支持</video> </body> </html>
效果:
play() 方法開始播放當前的音頻。
其中鼠標箭頭移動到視頻中時,觸發(fā)play功能,視頻開發(fā)播放;
鼠標箭頭離開視頻時,觸發(fā)pause功能,視頻暫停播放。
推薦學習:html視頻教程