SW/HTML (4) 썸네일형 리스트형 [HTML5] VIDEO TAG 크롬브라우저 다운로드 버튼 없애기 > https://hippalus.tistory.com/346 HTML5 VIDEO 태그로 웹페이지에 동영상 넣기 HTML5에서 새로 나온 기능인 태그를 사용해서 웹 페이지에 동영상을 넣을 수 있습니다. 1. 호환성 브라우저 호환성은 IE9 부터 태그를 지원합니다. 지원하는 동영상 포맷을 IE9 부터 .webm, .mp4 를 지원합니다. 2. 주요 속성 - width : 동영상 너비 - height : 동영상 높이 - controls : 설정되면 소리 조절(volume), 동영상 탐색(seek), 일시 정지(pause)/재시작(resume)을 할 수 있는 컨트롤러를 제공합니다. - autoplay : 설정되면 페이지 로딩시 자동 실행됩니다. - oncontextmenu : false 를 반환하면 마우스 오른쪽 키로 띄우는 팝업 메뉴를 사용할 수 없게 됩니다. - src : 동영상을 지정합니다. 내부의 속성을 사용하여.. HTML5 - Video 태그 사용하기 / 예제 HTML5 비디오 태그 샘플 안녕하세요. 고코더 입니다. 웹에서 비디오를 재생 시킬때 애용하던 태그가 있습니다. embed : 멀티미디어 태그 ▼ 이런식으로 src에 주소 값만 넣어주면 ▼ 추억의 플레이어 스킨을 볼 수 있습니다 . HTML4에서 사용이 중지되었지만 HTML5에는 다시 사용이 가능하지만 권장사항은 아닙니다. 왜냐면 HTML5에 Video 강력한 태그가 존재하기 때문입니다. ▼ 아래의 코드를 웹에서 실행하면 ▼ 새로운 모습의 비디어 플레이어가 나타납니다. 훨씬 세련된 모습입니다. ▼ 이 태그의 컨트롤바 속성을 알아보겠습니다. controls : 플레이어 컨트롤바가 나타납니다. autoplay : 플레이어 컨트롤바가 나타납니다. ▼ 상단의 비디오 태그의 controls 를 "autoplay".. [html] HTML5 <video> video태그 사용 loop source autoplay control muted preload 사용예시 //control이 표시되며 저절로 재생되고 반복재생된다. IE 8 이하는 비디오가 나오지 않습니다. IE 버전을 업데이트 하시길 바랍니다. video 태그는 html5에 나온 태그이다. mp4, webm ogg 이렇게 세 가지 형식을 지원한다. 지원되는 파일 형식 MP4는 전체 브라우저에서 가능한 것과 달리 webm이나 ogg는 안 되는 브라우저도 많으니 기본 mp4를 추천한다. browser support HTML5태그이기 때문에 하위 버전 호환은 안 좋다. IE9부터야 video 태그를 지원한다. attribute 와 함께 사용할 수 있는 속성들이다. 하나하나 살펴보자 1. autoplay - 비디오가 로드 되면 자동 실행 - IE9+, Chrome, FF, Safari, Opera 지원 .. 이전 1 다음
