播放视频是许多平台软件的一项功能，但在创建原型时，Axure很难播放视频。 在本文中，作者和我们分享了如何在axure中调用B站视频播放器，希望对你有所帮助。
播放视频是很多平台软件都具备的功能，但是我们制作原型的时候，Axure很难播放视频。 一个是播放本地视频。 Axure无法在预览过程中打开本地文件，因此只能通过生成html并在内联框架中打开本地视频来查看。
但是，这个方法很麻烦。 第一，视频的位置是不能改变的。 别人需要在你的电脑上看，不能在网上分享。二是修改后每次都要重新导出才能看到效果，所以非常麻烦。
那好吧，如果axure在看在线视频的话，一般我们也会用内嵌的方式打开对应的网站，但是一般的网页除了视频，还有很多其他的东西。 我们的原型不需要其他多余的东西。 所以今天我们来学习一下如何在axure上调用B站的视频播放器。
原型地址： https://poj5tz.axshare.com/#g=1
1、Axure内的材料在Axure内备有。 只使用矩形作为基本组件，然后在代码中将矩形设置为播放器。
矩形的宽度和高度可以自由设定，暂时用作占位符。 创建完成后，视频的大小将与矩形相同。
这里命名为矩形，在例子中命名为code。 你们可以自由命名。 后续代码必须使用。
2、准备B站的视频。 你可以看到上面的长方形里面有一行代码。 那个代码是怎么得到的呢？
在此之前，您可以将我们需要播放的视频上传到B站，或者在B站找到相应的视频并单击共享按钮，查看称为嵌入式代码的行。 将代码直接复制到矩形内。
复制完成后，两个参数width=”xxx&； quot； 添加。 height=”xxx&； quot； 这两个控制着视频播放器的大小。 如果没有，他默认出现最小的玩家。 里面的具体数值用矩形的宽度和高度填写就可以了。
3、交互创建进入下载的最后一步。 要将矩形转换为播放器，还需要JavaScript代码。
导入矩形时，请增加交互组件，然后使用“打开链接”交互组件选择链接到URL或文件路径。 在此处可以输入以下代码：
为什么要这样输入呢，这需要一点代码基础。 如果你有这个方便的知识自然一看就知道了，但是如果你没有这个方便的知识，我也很难向你解释。 简单地输入就可以了。 这里需要注意的是data-label=code。 这里的code是我们前面的矩形命名的。 如果你给它取了一个不是code的名字，你就需要修改代码，让它和矩形的名字一样。
这样我们就完成了。 点击预览，视频播放器就会出现，我们可以直接用样机看视频。 当然，这种做法不仅可以在预览上看到，在生成html和生成在线地址时也可以看到，但没有太多限制。
以上是本期的全部。 谢谢您的阅读。 下期见吧~
本文由@制作了产品，但不是由经理原创公开的，每个人都是产品经理，未经作者许可禁止转载
标题来自Unsplash，基于CC0协议
