> 웹 프론트엔드 > H5 튜토리얼 > 현재 재생 중인 오디오 또는 비디오를 중지(일시 중지)하는 html5 메서드 일시 중지()

현재 재생 중인 오디오 또는 비디오를 중지(일시 중지)하는 html5 메서드 일시 중지()

黄舟
풀어 주다: 2017-11-08 09:29:14
원래의
11748명이 탐색했습니다.

A video(재생 및 일시 정지 버튼 포함):

var myVideo=document.getElementById("video1");
function playVid()
  {
  myVideo.play();
  }
function pauseVid()
  {  myVideo.pause();
  }
로그인 후 복사

정의 및 사용법

pause() 메소드는 현재 재생 중인 audio또는 비디오를 중지(일시 중지)합니다.

브라우저 지원

모든 주요 브라우저는 Pause() 메서드를 지원합니다.

참고: 이 방법은 Internet Explorer 8 이하에서는 지원되지 않습니다.

Syntax

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 메서드 일시 중지()의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿