wordpress主题建站,选择WEB主题公园中文原创企业网站模板!

WordPress技术博客 news
您现在的位置:首页 > WordPress技术博客 > 利用七牛云储存在网页上播放无广告的视频

本周推荐网站模板

WordPress主题视频教程

最近更新的WordPress主题
最新更新过的网站模板

利用七牛云储存在网页上播放无广告的视频

发布时间:2016/12/15 WordPress技术博客 wp应用技术 334 0

在你的wordpress网站中插入无广告的视频

我们在使用wordpress建立网站时,特别是企业网站有一个宣传视频需要播放的时候,一般来说可以上传到优酷或者腾讯视频等视频媒体网站上,但是这样的方法会有广告,而且现在广告的时间也越来越长了。

那么如果我们想使用无广告的视频,应该怎么做呢?

这里我们就介绍一下,利用七牛云储存和wordpress播放器插件vedio.js进行无广告播放视频的方法,并且是每月20G的免费流量。

七牛云储存

七牛云储存和n多朋友应该还是比较熟悉的,因为七牛云储存是一个CND加速的服务商,很多朋友利用wordpress的静态插件和七牛结合进行图片等静态资源加速,七牛也可以放入视频进行播放。

七牛有一个免费的流量,也就是每月20G的免费流量,超出之后就需要付费了,并且注册就有10g的网盘空间,还是非常不错的,如果你的视频很少就一两个的话,免费的流量就完全可以够用了。

操作:

首先你需要准备好你的视频。视频格式为MP4格式,使用软件进行压缩处理,视频不要太大,最佳的100M左右最好(MP4视频可以压缩的很小的),

如果太大了,第一播放一次会占用太多的流量,到最后就需要付费才能播放了。

第二,视频太大加载时间也会变慢,给用户等待的时间多了就不好了。

注册你的七牛账号,并实名认证:

七牛官方地址,进入并注册登陆

登陆并认证好了之后,进入“对象储存”——>内容管理——>上传文件

将你的MP4视频上传至七牛云,并点击小眼睛查看外链地址:

themeparkwordpressqiniuyun

复制好了外链地址之后,我们就能得到七牛云的视频播放地址了

 

安装wordpress插件video.js

video.js是wordpress的一款HTML5播放器插件,

这款插件的强大之处是不仅仅支持html5播放器在谷歌、火狐以及移动设备上播放视频,还可以在老版本的ie上无缝切换为flash视频模式,让视频覆盖全设备

ps.较老的ie浏览器,ie8以及以下浏览器是无法播放MP4视频的,这些浏览器必须依靠flash播放器才能播放视频。

安装vedio.js

这款插件在wordpress官方目录已有收录,因此我们直接进入wordpress后台--插件--安装插件搜索video.js即可搜索到插件,点击安装启用:

themeparkwordpressvideo2

安装完成之后,在你的wordpress编辑器使用短代码

[videojs mp4="你的七牛获取到的地址"]

即可输出视频了:

 

themeparkwordpressvedio

 

这样,我们就能输出一个没有广告的视频了。

在小工具中输出视频代码可以直接放入video代码也可以输出到首页上:

<video class="video-js vjs-default-skin" autoplay="autoplay" src="你的七牛获取到的地址" >

 

WordPress原创主题,高端网站模板建站,网站模板建站资源以及开发知识分享,尽在WEB主题公园

如未标明出处,所有文章均为WEB主题公园原创,如需转载,请附上原文地址,感谢您的支持和关注。

============关于WEB主题公园=============

WEB主题公园致力于开发适合中国人习惯的中文WordPress网站模板,并提供全程视频教程,让您能够轻松的使用网站模板建立好自己的网站!

分享WordPress开发,网站维护经验,分享更多有用的WordPress知识

WEB主题公园--做最好的中文原创WordPress主题,网站模版。