728x90 반응형 HTML3 [HTML] ios기기에서 video 자동재생 설정 시, 전체화면모드로 변경되는 이슈 ios기기에서 video autoplay로 자동재생 설정 시, 전체 화면 모드로 변경되는 이슈 ios기기에서 autoplay로 자동재생 설정 했을 때, ios기기에서 정책으로 전체화면 모드로 변경되어 영상이 팝업 형태의 full화면으로 노출되게 된다. [이슈 화면 - full화면으로 노출] See the Pen Untitled by yeony (@yeony1011) on CodePen. [해결방법] - HTML5의 경우 : video태그에 playsinline 속성 추가 - HTML4 or XHTML의 경우 : webkit-playsinline 속성 추가 See the Pen : ios 기기에서 전체화면 막기 by yeony (@yeony1011) on CodePen. [참고자료] - TEMP 영상 : .. 2022. 3. 23. [HTML] 영상을 마크업에 추가하는 방법-2(iframe) 태그 이용 iframe을 이용하면 현재 웹 페이지 안에 또 다른 웹 페이지 삽입이 가능하므로 외부 링크로 전달받은 경우. iframe : inline frame의 약자. 대표적인 링크 : 유튜브 링크, 카카오TV 링크, 네이버TV 링크 등등. 지원 브라우저 Browser iframe IE O Edge O Chrome O Firefox O Safari O Opera O 예시 코드 [참고자료] - : https://caniuse.com/?search=iframe "iframe" | Can I use... Support tables for HTML5, CSS3, etc seamless attribute for iframes The seamless attribute makes an iframe's content.. 2022. 3. 23. [HTML] 영상을 마크업에 추가하는 방법-1(video) 태그 이용 HTML5 기준으로 사용 방법 명시. 별도 파일로 영상을 전달받은 경우. 대표적인 확장자 - HTML5 표준이 공식적으로 지원하는 비디오 파일 형식 : MP4, WebM, OGV 파일형식 (파일 확장자) 설명 MPEG (.mpg .mpeg) - Moving Picture Experts Group에 의해 개발. - 변환 코덱을 이용하는 손실 압축 방식을 사용. OGV (.ogg) - Xiph 재단에 의해 개발. - MP3의 대안으로 개발된 특허권으로 보호되지 않는 개방형 공개 멀티미디어 파일 형식. QuickTime (.mov) - Apple에 의해 개발. - 매킨토시 컴퓨터에 동영상을 지원하기 위해 개발된 파일 형식. WebM (.webm) - 구글의 지원으로 개발된 개방형 공개 멀티미디어 파.. 2022. 3. 22. 이전 1 다음 728x90 반응형
