ホームページ > ウェブフロントエンド > H5 チュートリアル > 現在再生中のオーディオまたはビデオを停止(一時停止)するには、html5 メソッドの stop() を使用します。

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

黄舟
リリース: 2017-11-08 09:29:14
オリジナル
11745 人が閲覧しました

再生ボタンと一時停止ボタンを備えたvideo:

var myVideo=document.getElementById("video1");
function playVid()
  {
  myVideo.play();
  }
function pauseVid()
  {  myVideo.pause();
  }
ログイン後にコピー

定義と使用法

pause() メソッドは、現在再生中の

オーディオ またはビデオを停止 (一時停止) します。

ブラウザのサポート

すべての主要なブラウザは、pause() メソッドをサポートしています。

注: この方法は Internet Explorer 8 以前ではサポートされていません。

構文

audio|video.pause()
ログイン後にコピー

js を使用してオーディオの一時停止と再生を制御したい場合、クリック

イベント をオーディオに直接追加することはできません。クリック イベントをバインドする別のボタンを追加する必要があります。

HTMLコードは次のとおりです:

<button onclick="playPause()">播放/暂停</button>
<audio id="audio1" width="420" >
    <source src="example.mp4" type="audio/mp4" />
    <source src="example.ogg" type="audio/ogg" />
</audio>
ログイン後にコピー

JSコードは次のとおりです:

var myAudio = document.getElementById(&#39;audio1&#39;);
    function playPause(){
        if(myAudio.paused){
            myAudio.play();
        }else{
            myAudio.pause();
        }
    }
ログイン後にコピー


以上が現在再生中のオーディオまたはビデオを停止(一時停止)するには、html5 メソッドの stop() を使用します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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