[HTML]<video> 태그 크롬에서 자동재생

<video>태그 속성

---

• height : 비디오 화면 높이 (px 단위)

• width : 비디오 화면 너비 (px 단위)

• loop : 비디오 반복재생

• muted : 음소거 (이 프로퍼티가 설정되야 크롬에서 자동재생을 사용 할 수 있음 )

  🙋‍♂️ 크롬의 자동재생 보안정책

  Autoplay policy in Chrome - Chrome Developers

  The Autoplay Policy launched in Chrome 66 for audio and video elements and is effectively blocking roughly half of unwanted media autoplays in Chrome. For the Web Audio API, the autoplay policy launched in Chrome 71. This affects web games, some WebRTC applications, and other web pages using audio features.

  https://developer.chrome.com/blog/autoplay/

  

• autoplay : 자동재생

• controls : 오디오에 재생 관한 조절 장치를 보여줌 ( 동영상 재생 인터페이스 )

▶️ 예제코드

<!--  
HTML5에서는 속성값을 부여할때 true 값 이라면
autoplay = "autoplay" 과 같이 key value쌍 표현하지 않고 속성만 적을 수 있음 
-->

<video autoplay muted loop width="100%" height="100%" >
	 <source src="/images/mainVideo.mp4" type="video/mp4" ></source>
</video>

Uploaded by N2T