iframe标签中属性scr与data-src的使用规范

合作的一个客户,今天反馈技术调整网站后,原网站中的视频打不开了,无法加载(见图一)。打开网站后,鼠标右键-检查定位视频位置,视频在iframe标签中。

对iframe标签不熟,在w3school网站学习了一下标签的属性,发现客户网站视频的<ifame>中有个不在w3school介绍的范围内的属性“data-src”。网上搜了下,对“data-src”介绍不多,其作用是延时加载。因此怀疑问题出现在这里,在源码中将“data-src”修改为“src”后果然视频能够加载显示出来(见图二)

 

拓展资料iframe简介:

、iframe标签的定义

iframe 元素会创建包含另外一个文档的内联框架(即行内框架),比如在框架中中创建一个页面、一个视频、一张图片等等。所有的浏览器都支持iframe

、iframe标签的属性值src

src属性值:URL;属性的描述:规定在 iframe 中显示的文档的 URL;写法src=”URL“,如将主页显示在iframe中

iframe src =”https://www.hs-marketing.cn/”><p>Your browser does not support iframes.</p></iframe

相关推荐