Axure 教程｜使用内部框架嵌入媒体

通过在内部框架中载入指定链接嵌入视频和地图。

部件使用：内部框架

交互事件：/

动作：/

1

内部框架介绍

在Axure原型中可以使用包含外部HTML文件内容的内部框架。内部框架的特别功能可以嵌入例如YouTube和多媒体网站的视频，以及Google地图中的地图。比较复杂的操作在于获得这些网站的URL链接。在AxureWebsite.zip文档中有嵌入视频和地图的案例。双击内部框架查看嵌入的URL。

2

通常被嵌入内部框架的媒体

嵌入视频

大部分的视频服务站点，如YouTube和Vimeo，会给出视频代码允许将视频转到用户的网站。视频代码即视频的URL，在原型的内部框架中被载入就可以嵌入视频。

嵌入地图

在原型中使用内部框架，Google地图可以被直接嵌入。Google地图界面中，点击超链接按钮，并复制嵌入代码。将url的代码作为url加载到内联框架部件中。

3

嵌入步骤详细教程

步骤1：打开视频或地图地址

首先，打开AxureWebsite.zip压缩包中的Website-InlineFrame.rp文件。打开原型中要嵌入视频或地图的页面。

打开例如YouTube，Google网站，找到要嵌入视频或地图所在的页面，如果要嵌入的是地图，可以先搜索要查找的位置。

步骤2：点击分享或超链接

获得内部框架的嵌入代码，查找分享按钮或是超链接。在Google地图，有一个超链接的图标。

步骤3：复制带内部框架的嵌入代码

也许还要再点击一个叫“嵌入”的按钮。查看代码会发现，代码是以 "

步骤4：删除除了URL之外的所有代码

返回Axure文档，双击内部框架部件。勾选“链接到外部URL或文件”，将嵌入代码粘贴到文本框。

下一步，除了URL,删除其它所有代码。URL通常在"src="代码后。输入http:补充完整URL地址。如上图所示，YouTube嵌入代码正确插入内部框架的书写方法。

- End -

Axure教程 | 初级电子商务网站设计

中级电子商务网站设计

Axure 教程 | 原型中添加页面链接