"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

@@ 3번째 줄: / 3번째 줄: @@
 ;HTML 비디오 poster 속성
 *[[HTML5 video 태그]]의 속성 중 하나
-*재생 전 표시되는 이미지 지정하는 속성
+*재생 전 표시되는 이미지를 지정하는 속성
 ==예시==
 <source lang='html5'>
-<video width="400" height="300" controls poster="https://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='https://upload.wikimedia.org/wikipedia/en/d/dc/Pac-Man_Atari_2600_footage.ogv' type='video/ogg' />
+   <source src='//upload.wikimedia.org/wikipedia/en/d/dc/Pac-Man_Atari_2600_footage.ogv' type='video/ogg' />
    브라우저가 video 태그를 지원하지 않음
 </video>
 </source>
-*예제: http://zetawiki.com/ex/html5/pacman-video-poster.html
+<jsfiddle height='400'>4srqm158</jsfiddle>
 ==같이 보기==
 *[[HTML5 video 태그]]
-==참고 자료==
+==참고==
 *http://www.w3schools.com/tags/att_video_poster.asp
 [[분류: HTML5 비디오]]