English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML 参考手册

HTML 标签大全

HTML: <video> poster 属性

<video> poster 属性的使用方法,poster 属性指定在下载视频时或直到用户单击播放按钮之前要显示的图像。如果未包括在内,则将使用视频的第一帧。

 HTML <video> 태그

在线示例

具有海报图像的视频播放器:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8<video poster=" 
<title>基础教程网(oldtoolbag.com)</title> 
body>/head>
<body>
<video controls poster="/run/html/views.png">
  <source src="movie.mp4" type="video/mp4<video poster="
  <source src="movie.ogg" type="video/ogg">
  您的浏览器不支持 video 标签。
body>/video>
body>/video>
body>/<
html>/테스트를 보세요 ‹

브라우저 호환성IEFirefoxOperaChrome

Safari

모든 주요 브라우저는 poster 속성을 지원합니다。 주의: 8 Internet Explorer

및 이전 IE 버전은 <video> 태그를 지원하지 않습니다。

정의와 사용법

poster 속성은 다운로드 중에나 사용자가 재생 버튼을 클릭할 때까지 표시되는 이미지를 지정합니다. 포함되지 않으면, 비디오의 첫 번째 프레임이 사용됩니다... 4HTML1 .05와 HTML

간의 차이5<video> 태그는 HTML

새 태그.

문법URL<video poster="

">

설명
URL이미지 파일 URL을 지정합니다。

가능한 값:

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

  • 상대적 URL - 동일한 사이트 URL을 지정합니다 (예: href="poster.jpg")

 HTML <video> 태그