iframe框架

iframe元素会创建包含另外一个文档的内联框架(即行内框架)。可以使用iframe在页面中嵌入其他文档,例如另一个页面或者是一个视频。

注意:当站点启用了https那么使用iframe引入的页面也需要是https。

1. 如何添加iframe框架

点击按钮,会弹出下图。

常规:

l  url: 设置嵌入页面的链接。

l  宽度: 设置iframe的宽度的。

l  高度: 设置iframe的高度的。

l  对齐方式: 设置iframe相对于所在区块的的对齐方式的。

l  允许滚动条: 设置是否允许iframe有滚动条。

l  显示框架边框: 设置iframe是否有边框。

l  名称: 嵌入内容的信息名称。

l  标题: 嵌入内容的页面标题。

l  详细说明URL: 嵌入内容的详细url。

高级:

l  ID: 为使用iframe嵌入的部分设置一个ID。

l  样式: 添加行内样式。

l  样式类: 添加样式类,来改变iframe嵌入部分的一些样式。

2. 例子

(1)iframe中嵌入另一个页面。

上图是添入的数据

效果

(2)iframe中嵌入一个视频

URL中填入优酷的通用代码的src属性的内容,例如:通用代码的内容为<iframe height=498 width=510 src='http://player.youku.com/embed/XMjQ3NjM3NTc0OA==' frameborder=0 'allowfullscreen'></iframe>,src的内容为http://player.youku.com/embed/XMjQ3NjM3NTc0OA==

上图是添入的数据

效果