HTML에서는 재생 메서드를 사용하여 현재 오디오 또는 비디오를 재생할 수 있고, 일시 중지 메서드를 사용하여 현재 오디오 또는 비디오를 일시 중지할 수 있습니다. 구문 형식은 "element object.play()/pause()"입니다. 이 두 가지 방법은 함께 사용되는 경우가 많으며, 컨트롤 속성을 사용하여 비디오 컨트롤을 표시할 수 있습니다.
이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
play() 메서드는 현재 오디오 또는 비디오 재생을 시작합니다.
모든 주요 브라우저는 play() 메서드를 지원합니다.
참고: Internet Explorer 8 이하 버전에서는 이 방법을 지원하지 않습니다.
pause() 메서드는 현재 재생 중인 오디오나 비디오를 중지(일시 중지)합니다.
팁: 이 메서드는 일반적으로 play() 메서드와 함께 사용됩니다.
팁: 비디오 컨트롤(예: 재생, 일시 중지, 검색, 볼륨 등)을 표시하려면 컨트롤 속성을 사용하세요.
<!DOCTYPEHTML>
<html>
<head>
<meta charset="utf-8">
<title>播放与暂停</title>
<script type="text/javascript">
var videoEl=null;
function Play(){
videoEl.play(); /* 播放视频 */
}
function Pause(){
videoEl.pause(); /* 暂停播放 */
}
window.onload=function(){
videoEl=document.getElementById("myPlayer");
}
</script>
</head>
<body>
<video id="myPlayer" src="resources/video.mp4" width="600" controls>
你的浏览器不支持video元素
</video><br>
<div id="time"></div>
<input type="button" value="播放" onclick="Play()" />
<input type="button" value="暂停" onclick="Pause()" />
</body>
</html>추천 학습: html 비디오 튜토리얼
위 내용은 HTML에서 재생 및 일시 정지를 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
