欢迎访问服务器技术网-www.fuwuqijishu.com

Video poster 属性

JavaScript fuwuqijishu 2年前 (2022-09-04) 149次浏览 0个评论 扫描二维码
文章目录[隐藏]

Video poster 属性

Video 对象

实例

修改当前视频数据在无效时显示的图片:

document.getElementById("myVideo").poster="/images/logo2.png";


定义和用法

poster 属性用于设置或返回视频的 poster 属性值。

poster 属性描述了在视频加载时或在用户点击播放按钮前显示的图片。如果不包含该属性,视频的第一帧将被用来代替显示。


浏览器支持

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

注意: Internet Explorer 8 及更早 IE 版本不支持 <video> 元素。


语法

返回 poster 属性:

videoObject.poster

设置 poster 属性:

videoObject.poster=URL

属性值

描述
URL 描述了图片文件的 URL 地址。

可能值:

技术细节

返回值: 字符串,表示预览图片的 URL地址。返回实体 URL,包含协议 ( http://)


更多实例

实例

获取预览图的URL地址:

var x = document.getElementById("myVideo").poster;
x输出结果为:

http://www.runoob.com/images/logo.png


相关页面

HTML 参考手册: HTML <video> poster 属性


Video 对象

喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

Warning: error_log(/www/wwwroot/fuwiqijishu/wp-content/plugins/spider-analyser/#log/log-2117.txt): failed to open stream: No such file or directory in /www/wwwroot/fuwiqijishu/wp-content/plugins/spider-analyser/spider.class.php on line 2900