HTML5<동영상>사용자 정의 제어 샘플 코드를 위해 DOM 사용_html5 튜토리얼 기술

HTML5 비디오는 컨트롤을 사용하여 컨트롤을 표시하고 재생, 일시 중지 등을 제어할 수 있지만 브라우저마다 다른 효과가 표시될 수 있으므로 일부 사용자 정의 작업 및 컨트롤을 수행하려면 Dom을 사용해야 하는 경우가 많습니다. 아래는 작은 예입니다.
물론 효과가 그다지 아름답지는 않습니다. 보기 좋게 만들고 싶다면 CSS 스타일을 직접 설정하면 됩니다.

코드 복사

코드는 다음과 같습니다.

재생/일시 중지

medium
작은

코드 복사코드는 다음과 같습니다.

모든 속성 중에서 videoWidth 및 videoHeight 속성만 즉시 사용할 수 있습니다.
동영상의 메타데이터가 로드될 때까지는 추가 속성을 사용할 수 없습니다.