前言:
給自己的網站中加入視頻資源,有兩種方法,一種是用iframe標簽引用外站資源,另一種則使用video標簽,獲取站內資源進行視頻播放。其中前者顧名思義,是將視頻資源上傳到視頻網站中,然后通過引用的方式在站內播放視頻,這種方法適用于視頻資源內容公開免費,且不想花錢購買七牛云空間的開發者,畢竟是免費的嘛!而后者,則是需要有云空間存放視頻資源才可以,不過后者的好處是,可以用于視頻付費內容的開發。
今天恰好遇到了給自己要開發的項目,加一段視頻新聞公告的需求!既然是新聞公告內容,當然是不需要加密的了。所以,也就沒有必要花錢搞個云空間了。果斷選擇第一種,使用iframe標簽的方式來實現網頁內嵌播放視頻方式來開發!
1.選擇視頻網站進行視頻引用:
1.愛奇藝的視頻加廣告加得簡直喪心病狂,像老太太的裹腳布又臭又長,垃圾,不用!
2.騰訊視頻的視頻也加廣告,雖然廣告沒有那么長,但是很陰險的是,如果視頻超過十幾分鐘,就會無法在引用視頻的網站播放,被強制要求轉去騰訊視頻才可以看,簡直狼子野心,垃圾中的垃圾,不用!
3.bilibili,也就是傳說中的b站,不但視頻沒有廣告(引導型廣告還是有的,但是不影響觀看,不是那種不看完廣告不讓看視頻的霸王硬廣),沒有玩兒陰的強制跳轉去他家網站,還高清無碼有彈幕,選b站!
2.實際操作:
1.在template目錄下的index.html中加入跟視頻引用相關的代碼:
<!--視頻 S--><div class="videoCon"> <div class="name" style="color: orangered">新聞公告</div> <div class="videoF"><!--這里填入從b站隨機挑選一個視頻,然后獲取的引用代碼--> <iframe src="https://player.bilibili.com/player.html?aid=24841101&cid=41877807&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe><!----> </div></div><!--視頻 E-->
2.獲取b站的視頻引用相關代碼(隨機挑選一個b站視頻,進入視頻播放頁)
3.django網頁中的效果圖
新聞熱點
疑難解答