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)