我们是北京华网天下科技有限公司，为您提供其中一项业务为：哔哩哔哩视频排名优化提升，和哔哩哔哩下拉词优化。

哔哩哔哩短视频排名优化，就是您发布的视频，在哔哩哔哩有排名，只要有排名，都可以进行优化到前3名。下拉词就是通过哔哩哔哩搜索时，能够让用户看到您的品牌名或者联系方式，也就是行业的热点搜索词，提升曝光度。您可以进入我们的公司官网或者联系商户经理微信ysfsyt1

哔站视频SEO【哔哩业务-欢迎光临-请进】哔站短视频SEOAxure 原型制作中如何调用 B 站视频播放器？

播放视频是很多平台软件都有的功能，但是在我们制作原型的时候，Axure很难播放视频。 一种方式就是播放本地视频，因为Axure在预览的时候无法打开本地文件，所以只能通过生成HTML，通过内联框架打开本地视频才能看到。

但是这种方法很麻烦，一是视频保存位置不能改变，别人需要在你的电脑上观看，而且不能通过网络分享；二是每次修改完都要重新导出才能看到效果，很麻烦。

如果Axure在看在线视频，我们一般会在内联框架中打开对应的URL。但是一般的网页除了视频之外还有很多其他的东西，我们的原型不需要其他额外的东西。所以今天我们就来学习如何在Axure中调用B站的视频播放器。

原型预览地址：#g=1

1.Axure中的素材准备

在Axure中我们只需要一个矩形作为基础组件，后面我们会通过代码将矩形设置为播放器。

矩形的宽高可以自由设置，可以暂时作为占位符，制作完成后视频大小与矩形大小一致。

这里我们需要给矩形命名。在本例中，我们将其命名为 code。您可以随意命名，因为它将在后续的代码中用到。

2.B站视频准备

我们可以看到上面的矩形框里面有一行代码，这行代码是怎么获取的呢？

在此之前，我们可以把我们需要播放的视频上传到B站，或者直接在B站上找到合适的视频，点击分享按钮，然后我们就可以看到有一行叫embed code，我们直接把代码复制到矩形框里就可以了。

复制之后，我们需要添加两个参数width = “xxx”; height = “xxx”，用于控制视频播放器的大小，如果不添加则默认为最小播放器，具体数值大家可以根据矩形的宽高填写。

3. 互动制作

作为最后一步，我们仍然需要使用 JavaScript 代码将矩形变成播放器。

当矩形加载完成后我们添加交互，使用打开链接的交互，选择链接的URL或者文件路径，我们可以在上面输入如下代码：

至于为什么要这样输入，这需要一些 code 的基础知识，如果你有这些知识的话，一看就明白了，如果你没有这些知识的话，我也没法跟你解释，你只要简单输入就可以了。这里要注意的是 data-label=code，这里的 code 就是我们之前命名的矩形框的名字，如果不命名为 code，你需要修改 code 为和矩形框的名字一样。

这样我们就制作完成了，点击预览就可以看到视频播放器出现了，我们可以直接在原型中观看视频了。当然除了在预览上观看，我们也可以发布生成HTML，或者生成在线地址来观看，没有那么多限制。