WEB主題公園
WordPress原創(chuàng)主題,高端網(wǎng)站模板建站,網(wǎng)站模板建站資源以及開發(fā)知識(shí)分享,盡在WEB主題公園
WEB主題公園致力于開發(fā)適合中國(guó)人習(xí)慣的中文WordPress網(wǎng)站模板,并提供全程視頻教程,讓您能夠輕松的使用網(wǎng)站模板建立好自己的網(wǎng)站!
利用七牛云儲(chǔ)存在網(wǎng)頁上播放無廣告的視頻
在你的wordpress網(wǎng)站中插入無廣告的視頻
我們?cè)谑褂脀ordpress建立網(wǎng)站時(shí),特別是企業(yè)網(wǎng)站有一個(gè)宣傳視頻需要播放的時(shí)候,一般來說可以上傳到優(yōu)酷或者騰訊視頻等視頻媒體網(wǎng)站上,但是這樣的方法會(huì)有廣告,而且現(xiàn)在廣告的時(shí)間也越來越長(zhǎng)了。
那么如果我們想使用無廣告的視頻,應(yīng)該怎么做呢?
這里我們就介紹一下,利用七牛云儲(chǔ)存和wordpress播放器插件vedio.js進(jìn)行無廣告播放視頻的方法,并且是每月20G的免費(fèi)流量。
七牛云儲(chǔ)存
七牛云儲(chǔ)存和n多朋友應(yīng)該還是比較熟悉的,因?yàn)槠吲T苾?chǔ)存是一個(gè)CND加速的服務(wù)商,很多朋友利用wordpress的靜態(tài)插件和七牛結(jié)合進(jìn)行圖片等靜態(tài)資源加速,七牛也可以放入視頻進(jìn)行播放。
七牛有一個(gè)免費(fèi)的流量,也就是每月20G的免費(fèi)流量,超出之后就需要付費(fèi)了,并且注冊(cè)就有10g的網(wǎng)盤空間,還是非常不錯(cuò)的,如果你的視頻很少就一兩個(gè)的話,免費(fèi)的流量就完全可以夠用了。
操作:
首先你需要準(zhǔn)備好你的視頻。視頻格式為MP4格式,使用軟件進(jìn)行壓縮處理,視頻不要太大,最佳的100M左右最好(MP4視頻可以壓縮的很小的),
如果太大了,第一播放一次會(huì)占用太多的流量,到最后就需要付費(fèi)才能播放了。
第二,視頻太大加載時(shí)間也會(huì)變慢,給用戶等待的時(shí)間多了就不好了。
注冊(cè)你的七牛賬號(hào),并實(shí)名認(rèn)證:
登陸并認(rèn)證好了之后,進(jìn)入“對(duì)象儲(chǔ)存”——>內(nèi)容管理——>上傳文件
將你的MP4視頻上傳至七牛云,并點(diǎn)擊小眼睛查看外鏈地址:

復(fù)制好了外鏈地址之后,我們就能得到七牛云的視頻播放地址了
安裝wordpress插件video.js
video.js是wordpress的一款HTML5播放器插件,
這款插件的強(qiáng)大之處是不僅僅支持html5播放器在谷歌、火狐以及移動(dòng)設(shè)備上播放視頻,還可以在老版本的ie上無縫切換為flash視頻模式,讓視頻覆蓋全設(shè)備
ps.較老的ie瀏覽器,ie8以及以下瀏覽器是無法播放MP4視頻的,這些瀏覽器必須依靠flash播放器才能播放視頻。
安裝vedio.js
這款插件在wordpress官方目錄已有收錄,因此我們直接進(jìn)入wordpress后臺(tái)--插件--安裝插件搜索video.js即可搜索到插件,點(diǎn)擊安裝啟用:

安裝完成之后,在你的wordpress編輯器使用短代碼
[videojs mp4="你的七牛獲取到的地址"]
即可輸出視頻了:

這樣,我們就能輸出一個(gè)沒有廣告的視頻了。
在小工具中輸出視頻代碼可以直接放入video代碼也可以輸出到首頁上:
<video class="video-js vjs-default-skin" autoplay="autoplay" src="你的七牛獲取到的地址" >
如未標(biāo)明出處,所有文章均為WEB主題公園原創(chuàng),如需轉(zhuǎn)載,請(qǐng)附上原文地址,感謝您的支持和關(guān)注。
本文地址:http://www.dengyin90.cn/lyqnycczwysbfwgga.html
推薦閱讀
- 2016年7月1日
- 2015年7月9日
- 2025年5月12日
- 2013年8月21日
- 2024年3月22日
- 2016年11月4日
- 2016年3月17日
- 2019年4月22日
- 2017年12月25日




