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