wordpress使用video.js与七牛云存储实现无广告视频分享应用
2014-10-08 23:32
459 查看
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插件
wordpress官方已经有可用的video.js插件,这极大方便了我们在文章中插入视频分享的操作,在编辑文章内容的时候,只要在合适的位置点击编辑工具栏上的“Insert HTML5 Video”按钮即可。安装wordpress 插件
插入视频
原创文章,转载请注明: 转载自 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播放器实现我们的无视频插件视频分享功能上传视频至云存储空间首先登陆七牛管理后台,新建一个公开的空间,注意是公开的空间,这样别人就能直接通过URL访问你的共享资源了,方便在video.js中进行引用。新建空间后,接着往空间里上传你欲分享的视频文件,之后会得到一个对应的外链地址。稍后我们会在video.js中引用该地址。
在wordpress中安装video.js插件
wordpress官方已经有可用的video.js插件,这极大方便了我们在文章中插入视频分享的操作,在编辑文章内容的时候,只要在合适的位置点击编辑工具栏上的“Insert HTML5 Video”按钮即可。安装wordpress 插件
插入视频
原创文章,转载请注明: 转载自 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与七牛云存储实现无广告视频分享应用
- 转载:分享:A 标签中的target用js实现链接 百度空间_应用平台
- 使用Quicktime 实现视频直播(Live video using Quicktime)
- Android应用中使用及实现系统“分享”
- PHP实现使用优酷土豆视频地址获取swf播放器分享地址
- Android应用中使用ListView实现数据列表显示(传智播客视频笔记)
- Android应用中使用及实现系统“分享”接口 推荐
- 使用Quicktime 实现视频直播(Live video using Quicktime) (转)
- 两种方法使用js读写cookie实现一个底部广告浮层效果
- Android应用中使用GridView实现数据网格显示(传智播客视频笔记)
- 分享:WebView使用总结(应用函数与JS函数互相调用)
- WindowManager实现悬浮框并且使用VideoView播放视频
- 快速上手,使用 JS 配合XML-RPC(JSP)实现AJAX类型应用
- Android使用系统Intent实现分享功能及将应用加入分享列表++分享邮箱实现
- Android使用系统Intent实现分享功能及将应用加入分享列表
- 【源码】实现Android闹钟功能使用HTML+JS,并附带Alarm代码分享
- Android应用中使用及实现系统“分享”接口
- Android应用中使用及实现系统“分享”接口
- 不使用jquery实现js打字效果示例分享