HTML 基础
常用的元素
工具与规范
嵌入 B站页面
有的时候,需要在网页中嵌入第三方的页面。比如说,B站等很多视频网站允许你把他们的视频嵌入到你的网站中。
当我们点击 B站视频下方的分享按钮后,可以看到一个嵌入代码的选项,我们点击复制并粘贴到网页中。
<iframe
src="//player.bilibili.com/player.html?aid=763134173&bvid=BV1P64y187Fh&cid=414623610&page=1"
scrolling="no"
border="0"
frameborder="no"
framespacing="0"
allowfullscreen="true"
>
</iframe>
从 B 站的例子中我可以看到使用的是 <iframe>
元素,与图片视频类似,页面来源也是放在 src
属性当中。
$$demo
<iframe
src="//player.bilibili.com/player.html?aid=763134173&bvid=BV1P64y187Fh&cid=414623610&page=1"
scrolling="no"
border="0"
frameborder="no"
framespacing="0"
allowfullscreen="true"
</iframe>
$$
属性
属性名 | 描述 |
---|---|
src | 嵌入网页的地址。 |
width | 嵌入元素的宽度。 |
height | 嵌入元素的高度。 |
frameborder | 是否有边框。<ul><li>1:有边框。(默认值)</li><li>0:没有边框。</li></ul> |
练习
- 将你喜欢的 B 站视频嵌入到网页中,并调整合适的宽高。