최신 웹 개발 튜토리얼
 

Video poster Property

<비디오 객체

비디오의 포스터 이미지를 변경합니다 :

document.getElementById("myVideo").poster = "/images/w3iicomlogo.png";
»그것을 자신을 시도

정의 및 사용

포스터의 속성 집합 또는의 값 반환 poster 비디오의 속성을.

poster 특성은 이미지가 동영상이 다운로드되는 동안 도시, 또는 사용자가 재생 버튼을 히트 할 때까지 지정한다. 이 포함되지 않으면, 비디오의 선두 프레임 대신 사용된다.


브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

포스터 속성은 모든 주요 브라우저에서 지원됩니다.

참고 : 인터넷 익스플로러 8 이전 버전은 지원하지 않습니다 <video> 요소를.


통사론

포스터 속성을 반환합니다 :

videoObject .poster

포스터의 속성을 설정합니다 :

videoObject .poster= URL

속성 값

기술
URL 이미지 파일의 URL을 지정합니다.

가능한 값 :

  • 절대 URL - 다른 웹 사이트에 점 (like href="http://www.example.com/poster.jpg")
  • 상대 URL - 포인트 웹 사이트 내의 파일로 (like href="poster.jpg")

기술적 세부 사항

반환 값 : 포스터 이미지의 URL을 나타내는 문자열입니다. 프로토콜을 포함하여 전체 URL 돌려줍니다 (like http://)

더 예

포스터 이미지의 URL을 가져옵니다 :

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

X의 결과는 다음과 같습니다

http://www.w3ii.com/jsref/w3javascript.gif
»그것을 자신을 시도

관련 페이지

HTML 참조 : HTML <video> 포스터 속성


<비디오 객체