HTML <video> 标签poster属性

• 

  <video>标签poster属性定义和用法

  poster属性指定在视频下载时要显示的图像，或者直到用户点击播放按钮。如果不包括此项，则将使用视频的第一帧。

• 

  <video>标签poster属性浏览器支持

  Edge/IE	Chrome	FireFox	Safari	Opera
  9.0（含）以上	4.0（含）以上	3.6（含）以上	4.0（含）以上	10.5（含）以上

• 

  HTML4.01和HTML5之间的差异

  <video>标记是HTML5中的新标记。

• 

  <video>标签poster属性语法

  <video poster="URL">

• 

  <video>标签poster属性实例

  <video width="320" height="240" controls poster="/images/btn.jpg">
    <source src="/images/video/demo.mp4" type="video/mp4">
    <source src="/images/video/demo.ogg" type="video/ogg">
    您的浏览器不支持video标记。
  </video>

  尝试一下
• 

  <video>标签poster属性值

  属性值	描述
  URL	指定图像文件的URL。 可能的值： 绝对URL - 指向另一个网站（如poster=“http://www.example.com/poster.jpg”） 相对URL - 指向网站中的文件（如poster=“poster.jpg”）