首頁 > web前端 > html教學 > html如何實現audio停止

html如何實現audio停止

醉折花枝作酒筹
發布: 2021-06-08 17:02:18
原創
4804 人瀏覽過

在html中,可以使用puase方法實作audio停止,語法格式為「物件.pause();」。 「pause()」方法停止(暫停)目前播放的音頻或視頻,通常與「play()」方法一起使用,同時使用controls屬性來顯示音訊控制。

html如何實現audio停止

本教學操作環境:windows7系統、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>
登入後複製

效果:

html如何實現audio停止

#play() 方法開始播放目前的音訊。

其中滑鼠箭頭移動到影片中時,觸發play功能,影片開發播放;

滑鼠箭頭離開影片時,觸發pause功能,影片暫停播放。

推薦學習:html影片教學

以上是html如何實現audio停止的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板