音视频播放组件

你也许会遇到一些想要借助一段视频，或是一段音频来展示更多信息的时候，例如——

✔️ 在介绍活动时借助一段视频来提升影响力和品牌感；
✔️ 给复杂的操作流程介绍配备一段讲解视频；
✔️ 除了展示商品详情以外，另加一段动态视频以提升购买率；
✔️ 在线考卷中想要设置几道语音题；
✔️ 精心设计的表单页面里还缺一段应景的背景音频；
✔️ 或者，想来一场别开生面的视频/音频投票活动⋯⋯

在麦客，使用表单的音视频播放组件，上面这些场景都可以轻松搞定~！简单的设置步骤、给力的页面展示效果，几分钟即可帮助你完成一张视频展示表单。让我们先来看一个含有视频组件的表单样例吧：

点击体验观看视频

Tips：部分浏览器可能会默认阻止视频播放Flash插件，请根据浏览器提示，解除阻止/修改站点权限

加入一段视频介绍后，表单内容的呈现是不是丰富了许多？视频能够为表单带来与图文形式截然不同的表现力，除了产品使用介绍，视频还可以被用于介绍公司/学校/店铺的情况、讲解操作流程、展示商品详情、提供在线课程，甚至作为页面广告等，用途极为广泛。

同样，音频也可以极大地为表单增光添彩。你可以在测评表单里添加一道语音题，也可以在分享的内容中配以某位大咖的专题音频，或者使用表单制作音乐/播客推荐，这些需求同样可以直接使用音视频组件来实现。

为了更好地满足大家对于音视频展示的需求，目前，除了上面示例表单里用到的腾讯视频以外，麦客的音视频播放组件还可以支持优酷土豆、YouTube、Vimeo、Bilibili、淘宝视频、网易云音乐。让我们通过一个示例表单，来整体感受一下不同音视频平台的播放效果吧：

点击体验

在表单中添加视频/音频

看了这些示例后，你现在是不是已经跃跃欲试了呢？其实，将视频和音频添加到表单里的方法非常简单，只需简单几步即可完成：

1.从左栏拖拽一个“音视频播放”组件到你想要放置音视频的位置；

2.将视频/音频的在线播放地址复制后粘贴在音视频播放组件的编辑栏——“外部媒体链接”处；

3.如有必要，调整音视频组件的上下左右边距，打造无边距效果；

4.保存修改，预览/发布表单。

获取视频/音频的在线播放地址

你只需打开一个视频或音频网站，找到需要的视频或歌曲后点击播放，播放页面的浏览器栏显示地址就是在线播放地址了。另外，大部分视频和音频网站都支持上传自己的原创作品，因此你也可以将自己的视频或音频上传到网站后，再获取它的在线播放地址，添加到表单当中。

下面，让我们逐个了解在音视频播放组件中，各个在线音视频播放地址的添加方法。

腾讯视频

添加腾讯视频时，除了可以直接复制浏览器地址栏的播放地址外，还可以使用视频下方“分享”按钮中提供的页面地址，如下图：

Tips：在腾讯视频里上传原创视频需要先进行实名认证哦~

Bilibili

Bilibili视频链接可以直接使用嵌入代码。在视频下方点击“分享”按钮，即可获取：

Tips：在Bilibili，你的账号等级达到“”Lv_1“”就可以投稿上传原创视频哦~

YouTube、Vimeo

YouYube和Vimeo的视频都可以直接复制视频页面链接，添加到音视频播放组件中。除此之外，这两个网站的视频链接还支持定时播放。找到视频下方的“Share”按钮，点击后可获取视频链接，你可以在复制链接时，将开始播放的时间调整到你需要的位置：

*YouTube视频设置定时播放并获取链接

*Vimeo视频设置定时播放并获取链接

优酷

在添加优酷视频链接时，直接将浏览器地址栏中的页面链接复制下来，作为视频的在线链接，粘贴至组件的设置区域。

淘宝视频

用表单来进行商品展示和售卖，难免想要把已经上传至淘宝店铺的视频搬来用⋯⋯

锵锵~淘宝视频在麦客表单的音视频播放组件内同样支持哦٩(๑>◡<๑)۶你只需要登录至你的淘宝店铺账号，进入卖家店铺的素材中心，获取视频的MP4代码，即可添加到表单内进行展示：

*点击视频上的图标进行链接获取

*获取MP4代码

网易云音乐

获取音频播放地址的方法稍有不同，但操作同样简单。

你需要先访问网页版的网易云音乐（地址 https://music.163.com/），在音频的播放页面点击“生成外链播放器”，以获取该文件的HTML代码：

*在网易云音乐生成外链播放器

*获取音频HTML代码

你可以在HTML代码获取页面设置播放器的尺寸以及是否自动播放，然后将代码复制粘贴至表单的设置区域即可完成配置。

如果你已经在网易云音乐入驻为音乐人，可以上传自己的作品到平台，并添加到表单中哦~

购买使用

音视频播放组件提供了两种购买方式：仅应用于当前表单、所有表单终身适用。编辑表单时，在左侧辅助类组件处点击“音视频组件”即可添加购买。

版本支持

得益于其动态的展现形式，音视频往往能很好地让表单“活”起来、让填表人更深入地感知表单所呈现的内容与情感。不管是提升内容品质，还是丰富页面表达，音视频播放组件都能帮你轻松实现，使表单表现力大大提升。还等什么呢？现在就来试一试吧~~