html中poster属性,HTML poster属性用法及代码示例

HTML海报属性用于在下载视频或用户单击播放按钮时显示图像。如果未设置此图像,则它将视频的第一帧作为海报图像。

适用的:

它主要用于元素。

用法:

属性值:它包含一个指定源图像链接的单个值URL。以下列出了两种类型的URL链接:

Absolute URL:它指向另一个网页。

Relative URL:它指向同一网页的其他文件。

例:

HTML video poster Attribute

GeeksforGeeks

HTML poster Attribute

height="200"

controls poster=

"https://media.geeksforgeeks.org/wp-content/uploads/20190627130930/a218.png">

"https://media.geeksforgeeks.org/wp-content/uploads/20190616234019/Canvas.move_.mp4"

type="video/mp4">

"https://media.geeksforgeeks.org/wp-content/uploads/20190616234019/Canvas.move_.ogg"

type="video/ogg">

输出:

c93157582bb879444286ba9f99cbc12d.png

支持的浏览器:下面列出了HTML poster属性支持的浏览器:

谷歌浏览器4.0

Internet Explorer 9.0

Firefox 3.5

苹果Safari 4.0

Opera 10.5

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值