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

 

吴川斌

吴川斌

7 Comments

  • 貌似不能,优酷的你直接引用他的分享代码就行了嘛

  • 我有个问题,这个插件如何能够播放上传到优酷的视频?尝试了几次都不成功[/大哭]

  • 我现在就是使用这样的方法

  • 感谢大神的无私分享 谢谢

  • 挺好的

  • 挺好的

Leave a Reply