首页 > 代码库 > wordpress使用video.js与七牛云存储实现无广告视频分享应用

wordpress使用video.js与七牛云存储实现无广告视频分享应用

video.js是一款极受欢迎的基于HTML5的开源WEB视频播放器,其充分利用了HTML5的视频支持特性,可以实现全平台的无视频插件播放功能,对于现在流行的手机、PAD等移动智能终端有极佳的应用体验。对于不支持HTML5特性的老版本的浏览器,其内置了Flash播放器,可自动无缝地切换至Flash媒体播放器模式。

本人有多个TB级的百度个人存储空间,但自从百度开始对BCS进行收费,似乎对个人云存储PCS的态度开始暧昧起来,发个PCS API授权申请十几天也没人回应。最近千牛的广告挺火,口碑也不错,遂决定切换到千牛平台试一试,发现其应用体验做的还是不错的,极易上手。开通并组成有10G永久免费空间使用,虽然少了点,但国内就这样了,毕竟免费的嘛…

如果你也打算马上注册七牛体验一下,麻烦从这个邀请进去,我好赚个5GB的下载流量,对你也没什么损失,举手之劳…

关于七牛的申请及应用,请移步:七牛官方新手上路教程

下边说说如何在wordpress中如何结合七牛云存储及video.js播放器实现我们的无视频插件视频分享功能

上传视频至云存储空间

首先登陆七牛管理后台,新建一个公开的空间,注意是公开的空间,这样别人就能直接通过URL访问你的共享资源了,方便在video.js中进行引用。

新建空间后,接着往空间里上传你欲分享的视频文件,之后会得到一个对应的外链地址。稍后我们会在video.js中引用该地址。

wordpress使用video.js与七牛云存储实现无广告视频分享应用-1

在wordpress中安装video.js插件

wordpress官方已经有可用的video.js插件,这极大方便了我们在文章中插入视频分享的操作,在编辑文章内容的时候,只要在合适的位置点击编辑工具栏上的“Insert HTML5 Video”按钮即可。

安装wordpress 插件

 

 

wordpress使用video.js与七牛云存储实现无广告视频分享应用-2

 

wordpress使用video.js与七牛云存储实现无广告视频分享应用-3

wordpress使用video.js与七牛云存储实现无广告视频分享应用-4

wordpress使用video.js与七牛云存储实现无广告视频分享应用-5

wordpress使用video.js与七牛云存储实现无广告视频分享应用-6

 

插入视频

 

wordpress使用video.js与七牛云存储实现无广告视频分享应用-7

 

wordpress使用video.js与七牛云存储实现无广告视频分享应用-8

 

 

 

原创文章,转载请注明: 转载自 http://www.mr-wu.cn/ 吴川斌的博客

本文链接地址: wordpress使用video.js与七牛云存储实现无广告视频分享应用 http://www.mr-wu.cn/wordpress-with-voide-js-and-qiniu-cloud-storage-share-your-videos/

wordpress使用video.js与七牛云存储实现无广告视频分享应用