• 회원가입
  • 로그인
  • 구글아이디로 로그인

[attribute] HTML - autoplay 속성 - 자동재생 여부 지정 (= autoplay속성 = 오토플레이속성)

목차
  1. autoplay 예제 - <audio>경우
  2. autoplay 정의
  3. autoplay 구문
  4. autoplay 예제 - <video> 경우

 

autoplay 예제 - <audio>경우

 

<audio controls autoplay muted>

  <source src="music.ogg" type="audio/ogg">

  <source src="music.mp3" type="audio/mpeg">

  당신 브라우저는 audio 태그 지원 X

</audio>

 

 

autoplay 정의

 

자동재생 준비 되자 마자 자동재생 여부 지정하는 참거짓 속성.

 


 

1. autoplay 속성 사용 가능한 태그 종류

<audio>, <video>

 

2.

Chromium 계열 브라우저 (예: 크롬, 엣지 등)는 muted (음소거) 속성과 함께 사용해야 autoplay 속성 작동함.

 

2.

IE9 이상 주요 최신 브라우저 모두 지원.

 

 

autoplay 구문

 

  • <audio autoplay muted>
  • <video autoplay muted>

 


[속성값]

 

없음.

 

 

autoplay 예제 - <video> 경우

 

<video controls autoplay>

  <source src="movie.mp4" type="video/mp4">

  <source src="movie.ogg" type="video/ogg">

  당신 브라우저는 video 태그 지원 X

</video>

 

 


분류 제목
media HTML - <video> 태그 ★ - 영상재생 (= video태그 = 비디오태그) ※ 영상파일형식별로 브…
frame HTML - <noframes> 태그 - frame대체내용 (= noframes태그 = 노프레임즈태그) (H…
form HTML - <button> 태그 ★ - 클릭버튼 (= button태그 = 버튼태그) (HTML5수정)
frame HTML - <iframe> 태그 ★ - 타웹페이지삽입 (= iframe태그 = 아이프레임태그) ※ ifra… 1
attribute HTML - lang 속성 ★ - 언어코드 (Language Code) + 국가코드 (Country Code…
etc HTML - 인터넷 (에러/오류) 의미 = (인터넷에러/인터넷오류) 종류 ★★★ + 500 Internal …
formatting HTML - <center> 태그 - 중앙정렬 (= 가운데정렬 = center태그 = 센터태그) - (H…
link HTML - <a> 태그 ★ - 링크걸기 (= 주소이동 = a태그 = a요소 = 에이태그 = 앵커태그 = 하…
18/18
목록
찾아주셔서 감사합니다. Since 2012