原型设计工具Axure RP新手教程（六）：嵌入媒体教程-YouTube视频

在本教程中，您将学习如何使用嵌入式框架窗口小部件将YouTube视频，Google地图和其他媒体嵌入到原型页面中。

嵌入YouTube视频（点击此处查看视频）

小部件设置

• 打开一个新的RP文件，然后在Pages（页面）窗格中双击Page1（页面1）以在画布上将其打开。

• 将内联框架窗口小部件从Libraries（库）窗格拖到画布上。

• 在Style（样式）窗格中，在内联框架Preview（预览）下拉列表中选择Video（视频）。

注意：
内联框架预览图像仅显示在Axure RP画布上，它的作用是让您知道框架将在Web浏览器中显示的内容。

从YouTube获取嵌入 址

• 在您的 络浏览器中，导航到www.youtube.com并找到您想要嵌入的视频。

• 在视频下方，单击Share（共享）图标。 在出现的对话框中，单击Embed（嵌入）。

• 在右侧显示的嵌入代码中，找到src属性并突出显示其右侧的URL（不带引 ）。 复制URL。

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

• 返回Axure RP，双击内联框架以打开Link Properties（链接属性）对话框。

• 在对话框底部，选择用于Link to an external url or file（用于链接到外部URL或文件）的单选按钮，然后将您从YouTube复制的URL粘贴到Hyperlink（超链接）字段中。

• 单击OK（确定）关闭Link Properties（链接属性）对话框。

预览页面

• 预览页面，YouTube视频应出现在嵌入式框架中。

想要获得Axure RP更多资源、正版授权的伙伴，请咨询【客服】了解

标签：