logo 原型设计工具Axure RP使用教程 我也要发布文档

新手教程(六):嵌入媒体教程-YouTube视频


Axure RP是一套专门为网站或应用程序所设计的快速原型设计工具, 可以让应用网站策划人员或网站功能界面设计师更加快速方便的建立Web AP和Website的线框图、流程图、原型和规格。

免费下载Axure RP 优惠购买Axure RP


在本教程中,您将学习如何使用嵌入式框架窗口小部件将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更多资源、正版授权的伙伴,请咨询【慧都客服】了解

关注慧聚IT微信公众号???,了解产品的最新动态及最新资讯。

慧聚IT