ホームページ > 記事 > ウェブフロントエンド > HTMLで音声停止を実装する方法
HTMLで音声停止を実装する方法
- 醉折花枝作酒筹オリジナル
- 2021-06-08 17:02:184723ブラウズ
HTML では、puase メソッドを使用して音声を停止できます。構文形式は「object.pause();」です。 "pause()" メソッドは、現在再生中のオーディオまたはビデオを停止 (一時停止) し、通常は "play()" メソッドと一緒に使用され、controls 属性を使用してオーディオ コントロールを表示します。
このチュートリアルの動作環境: 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>効果:
play() メソッドは現在のオーディオの再生を開始します。
マウスの矢印がビデオ内に移動すると、再生機能がトリガーされ、ビデオが展開されて再生されます。
マウスの矢印がビデオから離れると、一時停止機能がトリガーされ、ビデオは一時停止されます。
推奨学習: html ビデオ チュートリアル
以上がHTMLで音声停止を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。