HTML <비디오> 포스터 속성

❮ HTML <동영상> 태그

예시

포스터 이미지가 있는 비디오 플레이어:

<video controls poster="/images/w3html5.gif">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

정의 및 사용

속성 은 poster비디오가 다운로드되는 동안 또는 사용자가 재생 버튼을 누를 때까지 표시될 이미지를 지정합니다. 이것이 포함되지 않으면 비디오의 첫 번째 프레임이 대신 사용됩니다.


브라우저 지원

표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.

Attribute
poster 4.0 9.0 3.6 3.1 10.5

통사론

<video poster="URL">

속성 값

Value Description
URL Specifies the URL of the image file.

Possible values:

  • An absolute URL - points to another web site (like href="http://www.example.com/poster.jpg")
  • A relative URL - points to a file within a web site (like href="poster.jpg")

❮ HTML <동영상> 태그