티스토리 뷰
반응형
video 태그의 autoplay 속성은 OS 정책에 맞게 설정해야 적용할 수 있다. (New video Policies for iOS)
해결
아래 예시처럼 autoPlay를 사용할 때에는 muted와 playsInline 속성을 같이 적용해주어야 한다.
<video
autoPlay
loop
muted
playsInline
width="100%"
height="100%"
>
<source src={경로} type="video/mp4" />
</video>
- muted : 음소거
- playsInline : 인라인 모드로 재생되며, 재생 시 자동으로 전체 화면 모드로 바뀌지 않도록 한다.
반응형
'React' 카테고리의 다른 글
| [React] Styled-components+TypeScript Props 전달 시 부모 컴포넌트에서 에러가 발생할 경우 (0) | 2022.10.07 |
|---|---|
| [React] useEffect 의존성 배열이란? 사용 방법과 예제 (0) | 2022.06.26 |
| React, Next.js - Heroku에 Github로 배포하기 (0) | 2022.03.22 |
| [React] 리액트 재렌더링 조건 & 렌더링 성능 최적화 방법 (0) | 2022.03.11 |
| [React] react-ga로 리액트와 구글 애널리틱스 연결하기 (0) | 2022.03.07 |