AxureRP作为一款原型图软件，本身功能非常强大了，遗憾的是暂时还不能添加本地视频。于是我们只能够用其它的方式去引用视频。
在这里，笔者推荐2个平台：优酷和bilibili。上一篇文章已经说明了如何将视频上传到bilibili，本篇文章将做引入优酷视频教学。
上传bilibili与引入bilibili教程首先说明，笔者没有将视频上传到优酷的经历，所以本篇视频，将直接说明如果引入优酷的在线视频。
视频代码获取
1.先到优酷找到一个自己喜欢的视频，视频、电影、电视剧，都可以。本教程，以一部电影为例。随便打开一部电影，然后视频下方，有个“更多”的选项，点击后，选择“分享”。
2.如下图所示，点击“复制通用代码”。复制后，先不要着急，代码不能直接使用，我们需要从中截取一小段。
3.点击复制后，将复制好的代码，粘贴到记事本里，或微信里，可以看到，代码格式如下：
我们只取用以下的“蓝色”选中部分（从https://开始，一般以==结束）：
Axure中操作部分
1.首先说明一下，由于AxureRP 8、9、10或其它版本，基本操作都是一样的，本案例以axure9版本演示。
首先，从默认元件库中，拖拽一个“内联框架”元件，到画布中。你可以根据需要显示的视频大小，自定义内联框架的宽高。
2.双击内联框架，双击后会出现一个操作弹窗，如下图所示。勾选“链接一个外部的URL或文件”，然后将刚才优酷复制的代码，粘贴进来。
注意，很重要，粘贴后，请检查，只能有一个 https://
粘贴后，效果如下（请仔细检查，这里必须是https://开头的，且只有一个https://）：
3.预览后，可以看到，已经能够正常显示了：
4.其它优化设置，其实到这里已经可以做完了，但为了追求完美的同学，还想知道怎么细节优化，比如这个视频怎么取消边框？
答案如下图所示，选中内联框架，然后“样式”，勾选“隐藏边框”，即可将视频的边框取消。
5.如何尽量减少顶部和底部的黑边？我们看下图，视频的顶部和底部，都有黑边：
其实很简单，相信有的小伙伴已经猜到了：拉宽内联框架就可以了，慢慢微调内联框架的长宽比，即可最大程度的减少黑边出现。
评论(1)