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