简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > H5 튜토리얼 > 본문

HTML5에서 현재 오디오 또는 비디오 재생을 시작하는 방법

黄舟
풀어 주다： 2017-11-07 14:05:28
원래의
2759명이 탐색했습니다.

예

재생 및 일시 정지 버튼이 있는 동영상: 

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

정의 및 사용법

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

브라우저 지원

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

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

구문

audio|video.play()
로그인 후 복사

코드 예:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>视频播放</title>
</head>
<body>
<script>
      window.onload =function(){
          var ov=document.getElementById("a1");
          ov.onmouseover=function() {
               this.play();
          }
          ov.onmouseout =function() {
                this.pause();
          }

      };

</script>

<video  id="a1"  src="陈奕迅 - 陪你度过漫长岁月.mp4"  controls   loop width="400"  height="400">你的浏览器不支持</video>
</body>
</html>
로그인 후 복사

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

관련 라벨：
h5 html5 音频
원천：php.cn
이전 기사：html5의 오디오/비디오 요소를 다시 로드하는 load() 메소드 다음 기사：현재 재생 중인 오디오 또는 비디오를 중지(일시 중지)하는 html5 메서드 일시 중지()
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
Javascript를 사용하여 HTML5의 필수 속성을 설정하는 방법은 무엇입니까? Javascript에서 필요에 따라 텍스트 입력 상자를 표시하려고 합니다. <inputid="edName"type="text&qu...
에서 2023-10-13 08:52:25
0
2
317
정확한 마우스 좌표를 얻지 못하는 문제: 페이지 크기를 조정할 때 HTML5 캔버스 사용 저는 프론트엔드 전문가로부터 이 픽셀 효과를 만들고 싶습니다. 전체 화면 캔버스에서 전체 픽셀 효과를 얻을 수 있지만: constcanvas=getElementB...
에서 2023-09-12 12:20:33
0
1
280
Base64로 인코딩된 HTML5 비디오 M3U8 HTML5의 비디오 태그에 base64로 인코딩된 M3U8 파일을 추가하고 싶은데 어떻게 해야 하나요?<!DOCTYPEhtml><htmllang=...
에서 2023-09-09 23:07:18
0
1
247
vue.js/bootstrap: onclick 이벤트 메소드가 호출되지 않았습니다. 오류 "변수를 찾을 수 없음: updateDocument" 저는 프런트 엔드 개발이 처음이지만 HTML5, CSS 및 Javascript에 대한 기본적인 이해가 있습니다. vue.js 프로젝트를 만들고 bootstrap과...
에서 2023-09-09 20:06:48
0
1
362
XHTML의 이미지 태그에서 닫는 슬래시 '/'를 제거합니다. 이미지를 저장하는 문자열 txt1이 있습니다. 해당 값은 XHTML 형식입니다. 즉, 요소가 닫혀 있습니다. 하지만 닫는 슬래시를 제거해야 HTML5와 같을 수 ...
에서 2023-09-06 12:15:38
0
1
240
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！