咸阳房产,万象2004 940破解版,女孩失恋跳12层楼高长江大桥
相信很多人都有这样的经历,当我们想在博客中插入视频、音频或者其他网页时,往往效果并不是我们想要的,因此分享一个小技巧:
<iframe>是html语言的一个标签,<iframe>标签定义了一个内联框架,这个内联框架被用来在当前html文档中嵌入另一个文档(ps: 另一个文档可以是一个视频链接、音频链接或者一个网页等)。
示例里面是插入了一个视频,我们也可以插入一个网页。下面给出了插入视频和网页的样例,如果需要插入其他的媒体,只需要修改iframe标签中的src属性。(ps: 下面的代码同样适配移动端)
1.插入一个视频 <div style="position: relative; padding: 30% 45%;"> <iframe style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;" src="https://player.bilibili.com/player.html?cid=145147963&aid=84267566&page=1&as_wide=1&high_quality=1&danmaku=0" frameborder="no" scrolling="no"></iframe> </div> 2.插入一个网页 <div style="position: relative; padding: 30% 45%;"> <iframe style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;" src="https://www.lovestu.com/api/project/cnmapyinqing/obj.php" frameborder="no" scrolling="no"></iframe> </div>
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复
css3 flex布局 justify-content:space-between 最后一行左对齐
网友评论