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

HTML <video> poster 属性

文章来源:365jz.com     点击数:276    更新时间:2017-08-05 18:23   参与评论

实例

带有预览图(海报图片)的视频播放器:

<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")

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

发表评论 (276人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
昵称:
最新评论
------分隔线----------------------------

快速入口

· 365软件
· 建站公司
· 杰创官网
· 建站工具

业务咨询

· 技术支持
· 服务时间:9:00-18:00
365建站网二维码

Powered by 365建站网 RSS地图 HTML地图

copyright © 2013-2022 版权所有 鄂ICP备17013400号-1