原型设计工具Axure RP新手教程(六):嵌入媒体教程-YouTube视频
Axure RP是一套专门为网站或应用程序所设计的快速原型设计工具, 可以让应用网站策划人员或网站功能界面设计师更加快速方便的建立Web AP和Website的线框图、流程图、原型和规格。
在本教程中,您将学习如何使用嵌入式框架窗口小部件将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视频应出现在嵌入式框架中。
关注慧聚IT微信公众号???,了解产品的最新动态及最新资讯。