HTML에서 재생 및 일시 정지를 구현하는 방법
- 醉折花枝作酒筹원래의
- 2021-06-07 11:48:207588검색
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 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：HTML의 새 테이블에 배경을 추가하는 방법다음 기사：HTML의 새 테이블에 배경을 추가하는 방법