HTMLで音声停止を実装する方法

醉折花枝作酒筹
リリース: 2021-06-08 17:02:18
オリジナル
4748 人が閲覧しました

HTML では、puase メソッドを使用して音声を停止できます。構文形式は「object.pause();」です。 "pause()" メソッドは、現在再生中のオーディオまたはビデオを停止 (一時停止) し、通常は "play()" メソッドと一緒に使用され、controls 属性を使用してオーディオ コントロールを表示します。

HTMLで音声停止を実装する方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

pause() メソッドは、現在再生中のオーディオまたはビデオを停止 (一時停止) します。

ヒント: このメソッドは通常、play() メソッドとともに使用されます。

ヒント: オーディオ コントロール (オーディオ: 再生、一時停止、シーク、音量など) を表示するには、controls 属性を使用します。

例:

<!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で音声停止を実装する方法

play() メソッドは現在のオーディオの再生を開始します。

マウスの矢印がビデオ内に移動すると、再生機能がトリガーされ、ビデオが展開されて再生されます。

マウスの矢印がビデオから離れると、一時停止機能がトリガーされ、ビデオは一時停止されます。

推奨学習: html ビデオ チュートリアル

以上がHTMLで音声停止を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート