H5网站新增“视频云存储”的功能,再也不用为上传视频发发愁啦

视频云存储

功能作用:通过对接七牛云,可在网站后台直接上传本地视频到网站使用

提示:本功能只是对接七牛云的接口实现,方便后台上传视频。

查看案例演示链接:http://www.xn--vhq3m013bfx0amgei01b.com/Audiovideo.html

一、进入网站后台-设置-视频云存储-点击(登录/注册)进入七牛云官网注册

H5网站新增“视频云存储”的功能,再也不用为上传视频发发愁啦插图

 

 

H5网站新增“视频云存储”的功能,再也不用为上传视频发发愁啦插图1

二、注册成功后-获取对应参数回填网站后台

2.1 获取AK(Accesskey)及SK(Secretkey)回填网站后台。

路径:右上角会员-秘钥管理-对应复制

 

H5网站新增“视频云存储”的功能,再也不用为上传视频发发愁啦插图2

H5网站新增“视频云存储”的功能,再也不用为上传视频发发愁啦插图3

2.2 创建存储空间及填写存储空间名称到网站后台

路径:点击七牛云LOGO回到会员中心-新建存储空间

H5网站新增“视频云存储”的功能,再也不用为上传视频发发愁啦插图4

2.3 自定义填写存储空间名称,选择存储区域及选择公开访问控制-确定。 把自定义的存储空间名称回填到网站后台。

H5网站新增“视频云存储”的功能,再也不用为上传视频发发愁啦插图5

 

H5网站新增“视频云存储”的功能,再也不用为上传视频发发愁啦插图6

2.4 七牛云赠送测试域名有时效,建议绑定自己已备案的域名使用,回到空间管理-刚创建的空间右侧-域名

 

H5网站新增“视频云存储”的功能,再也不用为上传视频发发愁啦插图7

2.5 自定义cdn加速域名-绑定域名-填写自己已备案的域名-创建

 

H5网站新增“视频云存储”的功能,再也不用为上传视频发发愁啦插图8

H5网站新增“视频云存储”的功能,再也不用为上传视频发发愁啦插图9

2.6 创建完成后提示需解析到对应七牛云生成的别名地址

 

H5网站新增“视频云存储”的功能,再也不用为上传视频发发愁啦插图10

2.7 到对应的域名管理:

选择指向类型-cname别名

域名-填写七牛云生成的别名地址

确定保存

H5网站新增“视频云存储”的功能,再也不用为上传视频发发愁啦插图11

 

2.8 切换存储空间默认域名。

路径:切换到文件管理-外链域名点下拉框-选择已绑定的域名-保存为默认域名

 

H5网站新增“视频云存储”的功能,再也不用为上传视频发发愁啦插图12

2.9、回填绑定存储空间的域名到网站后台

H5网站新增“视频云存储”的功能,再也不用为上传视频发发愁啦插图13

三、上述对应获取参数到网站后台保存后,等域名解析生效后,即可直接在网站编辑前台直接上传本地视频使用。

例如:添加视频模块-视频地址-选择-跳出视频库-选择我的视频,上传本地视频即可使用。

H5网站新增“视频云存储”的功能,再也不用为上传视频发发愁啦插图14

标签

发表评论