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

 

文章写得好 赏颗六味地黄丸补补

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

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

分享到微信
使用微信扫码将网页分享到微信

推荐文章

7 条评论

  • 吴川斌

    2015年11月26日

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

  • MikeMa

    2015年11月26日

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

  • 雪花

    2015年11月14日

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

    • 吴川斌

      2015年11月14日

  • 不稀罕

    2015年7月18日

    感谢大神的无私分享 谢谢

  • xfire

    2014年10月10日

    挺好的

  • xfire325在搜狐

    2014年10月10日

    挺好的

神评一下


The maximum upload file size: 10 MB.
You can upload: image, audio, video, document, spreadsheet, interactive, text, archive, other.

您发布的评论需等待老wu的审核才会显示,请填写正确的邮箱地址,老wu回复后会邮件通知到您所填的email
评论可以上传附件 复杂一点的描述最好附上示意图 但不要灌水 谢谢 :)

你可以从微信分享这篇文章

只需要简单两步

1.点击右上角

2.选择分享到朋友圈