您现在的位置： 365建站网 > 建站教程 > html5教程 > HTML <video> poster 属性

HTML <video> poster 属性

此节有 309 人学习过参与评论

实例

带有预览图（海报图片）的视频播放器：

<video controls poster="/images/365jz.gif">
   <source src="movie.mp4" type="video/mp4">
   <source src="movie.ogg" type="video/ogg">
   Your browser does not support the video tag.
</video>

亲自试一试

浏览器支持

IE	Firefox	Chrome	Safari	Opera

所有主流浏览器都支持 poster 属性。

注释：Internet Explorer 8 以及更早的版本不支持 <video> 标签。

定义和用法

poster 属性规定视频下载时显示的图像，或者在用户点击播放按钮前显示的图像。

如果未设置该属性，则使用视频的第一帧来代替。

HTML 4.01 与 HTML 5 之间的差异

poster 属性是 HTML 5 中的新属性。

语法

<video poster="URL">

属性值

值	描述
URL	规定图像文件的 URL。可能的值：绝对 URL - 指向另一个网站（比如 href="http://www.example.com/poster.jpg"）相对 URL - 指向网站内的文件（href="poster.jpg"）

值

描述

URL

规定图像文件的 URL。

可能的值：

绝对 URL - 指向另一个网站（比如 href="http://www.example.com/poster.jpg"）
相对 URL - 指向网站内的文件（href="poster.jpg"）

HTML <video> 标签

如对本文有疑问，请提交到交流论坛，广大热心网友会为你解答！！点击进入论坛

您可能感兴趣的文章:

发表评论 (309人查看，0条评论): 请自觉遵守互联网相关的政策法规，严禁发布色情、暴力、反动的言论。

昵称：

最新评论

------分隔线----------------------------

上一篇：HTML <video> muted 属性
下一篇：HTML <audio> muted 属性

html5教程目录

HTML <video> poster 属性

实例

浏览器支持

定义和用法

HTML 4.01 与 HTML 5 之间的差异

语法

属性值

您可能感兴趣的文章:

公司信息

快速入口

其它栏目

业务咨询