"HTML5 비디오 poster 속성"의 두 판 사이의 차이

2019년 3월 11일 (월) 09:06 판

1 개요

HTML <video> poster Attribute
HTML 비디오 poster 속성

HTML5 video 태그의 속성 중 하나
재생 전 표시되는 이미지 지정하는 속성

2 예시

<video width="400" height="300" controls poster="//upload.wikimedia.org/wikipedia/en/thumb/1/16/Pac_flyer.png/220px-Pac_flyer.png">
  <source src='//upload.wikimedia.org/wikipedia/en/d/dc/Pac-Man_Atari_2600_footage.ogv' type='video/ogg' />
  브라우저가 video 태그를 지원하지 않음
</video>

3 같이 보기

HTML5 video 태그

4 참고

http://www.w3schools.com/tags/att_video_poster.asp

@@ 7번째 줄: / 7번째 줄: @@
 ==예시==
 <source lang='html5'>
-<video width="600" height="300" controls poster="//upload.wikimedia.org/wikipedia/en/thumb/1/16/Pac_flyer.png/220px-Pac_flyer.png">
+<video width="400" height="300" controls poster="//upload.wikimedia.org/wikipedia/en/thumb/1/16/Pac_flyer.png/220px-Pac_flyer.png">
    <source src='//upload.wikimedia.org/wikipedia/en/d/dc/Pac-Man_Atari_2600_footage.ogv' type='video/ogg' />
    브라우저가 video 태그를 지원하지 않음