비디오 포스터 속성

HTML DOM Video 객체

정의와 사용법

poster 속성을 설정하거나 비디오의 poster 속성 값을 반환합니다.

poster 비디오 다운로드 시나 사용자가 재생 버튼을 클릭하기 전에 표시되는 이미지를 정의합니다. 설정되지 않으면, 비디오의 첫 번째 프레임이 사용됩니다.

예제

예제 1

비디오 커버 이미지 변경:

document.getElementById("myVideo").poster = "/images/w3logo.png";

직접 시도해 보세요

예제 1

커버 이미지 URL을 가져오세요:

var x = document.getElementById("myVideo").poster;

직접 시도해 보세요

문법

poster 속성 반환:

videoObject.poster

poster 속성 설정:

videoObject.poster = URL

속성 값

값 설명
URL

그래픽 파일 URL을 정의합니다.

가능한 값:

  • 절대 URL - 다른 웹사이트로 가는 방향 (예: href="http://www.example.com/poster.jpg")
  • 상대 URL - 사이트 내 파일을 가리킵니다(예: href="poster.jpg"))

기술 세부 사항

반환 값: 가장자리 이미지 URL을 나타내는 문자열 값. 전체 URL을 반환합니다. 프로토콜(예: http://) 포함.

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 9.0 지원 지원 지원

관련 페이지

HTML 참조 매뉴얼:HTML <video> poster 속성

HTML DOM Video 객체