HTML <video> poster 속성

HTML <video> 태그

정의와 사용법

poster 속성이 이미지를 지정하면, 비디오 다운로드 중이나 사용자가 재생 버튼을 클릭하기 전까지 표시됩니다.

이 속성을 설정하지 않으면, 비디오의 첫 번째 프레임 이미지를 사용합니다.

实例

예제

포스터 이미지를 포함한 비디오 플레이어:
  <video controls poster="w3v.png">
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
您的浏览器不支持视频标签。

</video>

직접 시험해 보세요

문법URL<video poster="

">

값 설명
URL

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

가능한 값:

  • 절대적 URL - 다른 사이트를 지정합니다 (예: href="http://www.example.com/poster.jpg")
  • 상대적 URL - 사이트 내 파일을 지정합니다 (예: href="poster.jpg")

브라우저 지원

표의 숫자는 이 속성을 최초로 완전히 지원한 브라우저 버전을 나타냅니다.

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
4.0 9.0 3.6 3.1 10.5

HTML <video> 태그