-
[Html] 동영상 자동 재생 안 될 때개발언어/HTML, CSS 2021. 9. 24. 02:54
해결 방법
<script> document.getElementById('vid').play(); </script>
비디오 태그의 id를 vid로 준 후 javascript에서 자동 재생을 해주면 됩니다.
<video autoplay="autoplay" muted="muted"> ... </video>
비디오 태그에서 자동재생 해주고 음소거 지정해줘도 비디오 자동 재생이 안 된다면 javascript에서 지정해줘야 합니다.
(Chrome에서는 음소거를 해줘야 비디오 자동 재생이 된다고 합니다.)
<script> document.getElementById('vid').play(); </script>
속성
autoplay 자동 재생 설정(제대로 실행 안되는 경우가 많음)
loop 동영상의 반복 설정
muted 동영상 소리 설정
controls 동영상 컨트롤러 (Play, Pause, Full Size등)
'개발언어 > HTML, CSS' 카테고리의 다른 글
[CSS] Bounce 효과 적용 (0) 2021.09.29 [CSS] HTML 로컬 폰트 적용 (feat. 폰트파일(.ttf)) (0) 2021.09.24 [CSS] HTML 폰트 변경 (feat. google font) (0) 2021.09.24 [CSS] 배경 투명하게 설정 (0) 2021.09.14 [CSS] 이미지 및 글자 가운데 정렬 (0) 2021.09.07