반응형

video tag 2

HTML5 video 태그 컨트롤바 및 설정값 보기

설정값 태그 적용한 예시 Your browser does not support the video tag. 빨간색 표시해놓은 부분이 비디오태그에 설정값 및 컨트롤바에 대한 제어를 해준다. 태그를 빼고 넣음으로써 테스트해보면 쉽게 이해가 되니 테스트를 해보자. controlslist="nodownload" 다운로드 버튼 제거 autoplay 이 속성을 지정하면, 비디오가 로드되자마자 자동으로 재생을 시작 함. 지원브라우저: IE 9+, Chrome, FF, Safari, Opera 사용법: html5에서 xhtml에서 controls 이 속성을 지정하면, 오디에 재생에 관한 조절 장치를 보여 줌 (playback/pause/resume/volume 등) 지원브라우저: IE 9+, Chrome, FF, Saf..

HTML5 video 태그를 활용 및 브라우저별 호환 정보

비디오 기본 태그 해당 브라우저에는 지원되지 않습니다. * video 내부에 넣은 문구는 영상이 뜨지 않을시 출력되기 때문에 위 태그와 같이 그대로 사용해도 무관하다. 또한 빨간표시된 부분은 본인 영상에 맞도록 수정하여 적용하자. Video 선택적 속성 Attribute Value Description autoplay autoplay 비디오가 준비되는 즉시 재생되도록 지정 controls controls 비디오 컨트롤을 표시하도록 지정한다(예: 재생/일시 중지 버튼 등) height pixels 비디오 플레이어의 높이 설정 loop loop 비디오가 완료될 때마다 다시 시작하도록 지정 muted muted 비디오의 오디오 출력을 음소거하도록 지정 poster URL 비디오를 다운로드하는 동안 또는 사용자..