嵌入媒体 | Embedding Media

在本教程中，你讲学习如何使用内联框架，在你的原型中嵌入优酷视频，百度地图及其他多媒体。【原型预览】

译者注：原教程中嵌入的视频和地图分别是YouTube视频和Google地图，本教程统一替换成优酷视频和百度地图。

优酷视频

1．元件设置

1. 打开一个新的RP文件，在页面面板中双击Page 1将其在画布中打开。
2. 从元件库中拖拽一个内联框架元件到画布中。
3. 在样式面板中，选择内联框架的预览图为视频。

注意：内联框架的预览图只在Axure RP的画布中显示，它是用来让你知道这个框架在Web浏览器中显示的是哪种内容。

2．从优酷网站获取要嵌入的URL

1. 在你的Web浏览器中，打开www.youku.com，然后打开一个你想要嵌入的视频。
2. 在视频下面有一个分享图标，将鼠标悬停在图标上
3. 在弹出的窗口中，点击复制通用代码，将其粘贴在记事本中，然后再选择代码中src=‘’中的代码进行复制（不包括引号）。

3．将内联框架的目标设置为视频的URL

1. 回到Axure RP中，双击内联框架以打开链接属性对话框。
2. 在对话框的底部，选择链接一个外部的URL或文件，然后将刚才复制的URL粘贴到超链接文本框中。

4．预览页面

预览页面，内联框架中将会出现嵌入的优酷视频。

百度地图

1．元件设置

1. 打开一个新的RP文件，在页面面板中双击Page 1将其在画布中打开。
2. ’从元件库中拖拽一个内联框架元件到画布中。
3. 在样式面板中，选择内联框架的预览图为地图。

注意：内联框架的预览图只在Axure RP的画布中显示，它是用来让你知道这个框架在Web浏览器中显示的是哪种内容。

2．从百度地图获取要嵌入的URL

1. 在你的Web浏览器中，打开map.baidu.com，然后查找一个你想使用的地址。
2. 在左侧弹出的面板中点击分享图标。
3. 然后在下面会弹出该地址的URL，复制该URL。

3．将内联框架的目标设置为地图的URL

1. 回到Axure RP中，双击内联框架以打开链接属性对话框。
2. 在对话框的底部，选择链接一个外部的URL或文件，然后将刚才复制的URL粘贴到超链接文本框中。
3. 点击确定按钮关闭链接属性对话框。

其他信息和提示

嵌入本地内容

要将电脑本地的文件嵌入到内联框架元件中，需要使用电脑中文件系统的文件路径（相对路径或绝对路径）。双击内联框架，在链接一个外部的URL或文件区域中输入文件路径。