전에 유튜브영상(iframe)을 긁어와 페이지에서
자동재생 시키는 건 했었는데,
이번엔 비디오영상(video)을 PC와 모바일 디바이스에서
자동재생 시켜달라는 작업이 들어왔당
방법은 유튜브영상을 자동재생 시킬때보다 훠어어어어얼씬 더 간단하다
<video id="video" controls="" loop autoplay muted playsinline>
<source src="비디오소스URL" type="영상타입">
</video>
비디오 태그에 autoplay / muted / playsinline 요 세가지를 넣어주면
PC는 물론 아이폰에서도 자동재생이 잘 되는 걸 확인할 수 있당
'html·css 메모' 카테고리의 다른 글
[CSS] table에서 absolute 대신 fixed (0) | 2023.02.18 |
---|---|
[CSS] table에서 absolute 대신 fixed (0) | 2023.02.13 |
[CSS] CSS 가상요소 몇가지 (0) | 2023.01.25 |
[CSS] Card flip (1) | 2022.12.12 |
[CSS] 아이폰 사파리에서 overflow-y 스크롤막기 (1) | 2022.12.09 |