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

2015년 12월 20일 (일) 02:27 판

1 개요

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

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

2 예시

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

예제: http://zetawiki.com/ex/html5/pacman-video-poster.html

3 같이 보기

HTML5 video 태그

4 참고 자료

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

@@ 7번째 줄: / 7번째 줄: @@
 ==예시==
 <source lang='html5'>
-<video controls poster="/images/poster.jpg">
+<video width="400" height="300" controls poster="https://upload.wikimedia.org/wikipedia/en/thumb/1/16/Pac_flyer.png/220px-Pac_flyer.png">
-   <source src="movie.mp4" type="video/mp4">
+   <source src='https://upload.wikimedia.org/wikipedia/en/d/dc/Pac-Man_Atari_2600_footage.ogv' type='video/ogg' />
-  <source src="movie.ogg" type="video/ogg">
    브라우저가 video 태그를 지원하지 않음
 </video>
 </source>
+*예제: http://zetawiki.com/ex/html5/pacman-video-poster.html
 ==같이 보기==