> 웹 프론트엔드 > HTML 튜토리얼 > HTML5 비디오에서 비디오 재생을 중지하는 방법

HTML5 비디오에서 비디오 재생을 중지하는 방법

青灯夜游
풀어 주다: 2023-01-06 11:14:41
원래의
15581명이 탐색했습니다.

html5 비디오에서 비디오 재생을 중지하는 방법: 먼저 "document.getElementById("id value")"를 사용하여 비디오 개체를 가져온 다음 "video object.pause()" 문을 사용하여 현재 재생을 중지(일시 중지)합니다. 비디오를 재생 중입니다.

HTML5 비디오에서 비디오 재생을 중지하는 방법

이 튜토리얼의 운영 환경: windows7 시스템, HTML5&&javascript 버전 1.8.5, Dell G3 컴퓨터.

html5개 동영상 동영상 재생 중지

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
</head>
<body> 

<div style="text-align:center"> 
  <button onclick="playPause()">播放/暂停</button> 
  <br><br>
  <video id="video1" width="420">
    <source src="mov_bbb.mp4" type="video/mp4">
    <source src="mov_bbb.ogg" type="video/ogg">
    您的浏览器不支持 HTML5 video 标签。
  </video>
</div> 

<script> 
var myVideo=document.getElementById("video1"); 

function playPause()
{ 
	if (myVideo.paused) 
	  myVideo.play(); 
	else 
	  myVideo.pause(); 
} 
</script> 

</body> 
</html>
로그인 후 복사

Rendering:

HTML5 비디오에서 비디오 재생을 중지하는 방법

관련 함수 설명:

play() 메서드는 현재 오디오 또는 동영상 재생을 시작합니다.

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

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 비디오를 방문하세요! !

위 내용은 HTML5 비디오에서 비디오 재생을 중지하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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