video标签的poster属性

更新时间:2019-09-04 20:56:31 来源:青锋建站 作者:青锋建网站
  poster属性是HTML5中video标签的一个属性,当用户没有可以显示的视频数据可用时,video标签的poster属性给出一个图像文件地址,用来显示一个图片,而不是空白。以下是青锋建站给大家分享的video标签的poster属性的详解。
如果指定的资源可用,则这个元素被创建或poster属性被设置、更改或删除时,用户代理必须运行以下步骤来确定元素的poster frame(不管元素的显示poster标志的值):

确定元素的poster frame

1、如果此视频元素运行的算法存在一个实例,则在不改变poster帧的情况下终止该算法的实例。
2、如果poster属性的值是空字符串或属性不存在,则没有poster框,放弃这些步骤。
3、解析相对于元素的poster属性的值。如果失败,则没有poster框架,终止这些步骤。
4、从这个元素的文档的开始获取结果的绝对URL,这必须延迟的元素文件的加载事件。
5、如果因此获得图像,poster架就是一个图像。否则,就没有poster框架。
  poste属性(poste框架)提供的图像是视频的代表帧(通常是第一个非空白帧),它给用户一个视频的概念。如下图,当视频文件出现错误时,则显示这个视频中的一个关键帧的图片,而不是空白,从而增加了用户的体验。
video标签的poster元素
  以上就是青锋建站给大家分享的video标签的poster属性的详解。青锋建站,提供专业的高品质网站制作服务,包括网站建设,SEO,网络营销,PHP开发,网站建设知名品牌,全国接单,为企业构建强有力的营销平台。

转载请注明来源网址:青锋建站-http://www.sjzphp.com/webdis/videoposter.html

电话 15632335515 | 邮箱 943703539@qq.com | QQ 943703539 | 微信 qingfengjianzhan

Copyright © 2016-2026 青锋建站 版权所有