Dlog

Dlog

  • 분류 전체보기 (19)
    • Study (17)
      • Javascript (7)
      • HTML+CSS (1)
      • React+Next (5)
      • Svelte (0)
      • Node (0)
      • Error (3)
      • CS (1)
    • 프로젝트 (1)
    • 잡담 (0)
RSS 피드
로그인
로그아웃 글쓰기 관리

Dlog

컨텐츠 검색

태그

최근글

댓글

공지사항

아카이브

Study/HTML+CSS(1)

  • [html/css] playsInline 속성

    구현 시 동영상으로 모션 효과를 넣었는데, 아이폰에서는 동영상을 클릭 하면 컨트롤바가 나타나는 현상이 있었다. IOS 정책 때문에 전체 화면으로 보인다고 하는것 같은데 PC나 갤럭시에서는 확인해볼 수 없던 문제였어서 당황했다. 그래도 검색해보니 해결법은 단순했다. video 태그에 playsInline 한 줄만 더 넣어주면 끝! 이 속성을 안넣어주면 autoplay도 안되는 듯? next에서는 inline의 첫 i를 꼭 대문자로 써야한다. (아마 리액트도 그렇겠지?) 확실히 배포해서 운영을 해보면 몰랐던 문제들이 속출하는 것 같다.

    2023.12.21
이전
1
다음
티스토리
© 2018 TISTORY. All rights reserved.

티스토리툴바