django2用iframe標(biāo)簽完成網(wǎng)頁內(nèi)嵌播放b站視頻功能
前言：
給自己的網(wǎng)站中加入視頻資源，有兩種方法，一種是用iframe標(biāo)簽引用外站資源，另一種則使用video標(biāo)簽，獲取站內(nèi)資源進行視頻播放。其中前者顧名思義，是將視頻資源上傳到視頻網(wǎng)站中，然后通過引用的方式在站內(nèi)播放視頻，這種方法適用于視頻資源內(nèi)容公開免費，且不想花錢購買七牛云空間的開發(fā)者，畢竟是免費的嘛！而后者，則是需要有云空間存放視頻資源才可以，不過后者的好處是，可以用于視頻付費內(nèi)容的開發(fā)。
今天恰好遇到了給自己要開發(fā)的項目，加一段視頻新聞公告的需求！既然是新聞公告內(nèi)容，當(dāng)然是不需要加密的了。所以，也就沒有必要花錢搞個云空間了。果斷選擇第一種，使用iframe標(biāo)簽的方式來實現(xiàn)網(wǎng)頁內(nèi)嵌播放視頻方式來開發(fā)！
1.選擇視頻網(wǎng)站進行視頻引用：
1.愛奇藝的視頻加廣告加得簡直喪心病狂，像老太太的裹腳布又臭又長，垃圾，不用！
2.騰訊視頻的視頻也加廣告，雖然廣告沒有那么長，但是很陰險的是，如果視頻超過十幾分鐘，就會無法在引用視頻的網(wǎng)站播放，被強制要求轉(zhuǎn)去騰訊視頻才可以看，簡直狼子野心，垃圾中的垃圾，不用！
3.bilibili，也就是傳說中的b站，不但視頻沒有廣告（引導(dǎo)型廣告還是有的，但是不影響觀看，不是那種不看完廣告不讓看視頻的霸王硬廣），沒有玩兒陰的強制跳轉(zhuǎn)去他家網(wǎng)站，還高清無碼有彈幕，選b站！
2.實際操作：
1.在template目錄下的index.html中加入跟視頻引用相關(guān)的代碼：
<!--視頻 S-->
<div class="videoCon">
<div class="name" style="color: orangered">新聞公告</div>
<div class="videoF">
<!--這里填入從b站隨機挑選一個視頻，然后獲取的引用代碼-->
<iframe src="http://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站的視頻引用相關(guān)代碼（隨機挑選一個b站視頻，進入視頻播放頁）
3.django網(wǎng)頁中的效果圖
3.跟django后端結(jié)合，動態(tài)的嵌入不同視頻
1.在models.py中（一般嵌入代碼長度不會超過300，在150——300之間）
class Bili(models.Model):
'''新聞相關(guān)視頻'''
new=models.ForeignKey(News,verbose_name='新聞公告',on_delete=models.CASCADE)
is_topline=models.BooleanField(default=False,verbose_name='是否是頭條')
bili=models.CharField(verbose_name='視頻嵌入代碼',max_length=300)
add_time = models.DateTimeField(default=datetime.now, verbose_name='添加時間')
class Meta:
verbose_name = '新聞相關(guān)視頻'
verbose_name_plural = verbose_name
def __str__(self):
return self.new.title
打開Terminal終端，執(zhí)行數(shù)據(jù)更新命令：
python manage.py makemigrations python manage.py migrate
2.在adminx.py中注冊
import xadmin
from .models import News,Bili
class NewsAdmin(object):
list_display = ['title', 'img','click_num','add_time']
search_fields = ['title', 'img','click_num',]
list_filter = ['title', 'img','click_num','add_time']
style_fields={'context':'ueditor'}
#注冊代碼
class BiliAdmin(object):
list_display = ['new', 'is_topline']
search_fields = ['new', 'is_topline']
list_filter =['new', 'is_topline']
xadmin.site.register(News, NewsAdmin)
#注冊代碼
xadmin.site.register(Bili, BiliAdmin)
3.可以在xadmin后臺進行多個視頻嵌入代碼的填入
隨機在b站找的三個視頻的嵌入代碼：
<iframe src="http://player.bilibili.com/player.html?aid=24687507&cid=41510047&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
<iframe src="http://player.bilibili.com/player.html?aid=22025564&cid=36402353&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
<iframe src="http://player.bilibili.com/player.html?aid=17766502&cid=29007139&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
4.在views.py中：
from .models import News,Bili
class NewView(View):
"""新聞公告詳情"""
def get(self,request,new_id):
new=News.objects.filter(id=new_id).first()
new.click_num+=1
# 根據(jù)新聞公告的不同，顯示與之關(guān)聯(lián)的視頻
bili=Bili.objects.filter(new=new).last()
new.save()
return render(request,'news-base.html',{'new':new,'bili':bili})
class IndexView(View):
"""首頁"""
def get(self,request):
all_news=News.objects.all().order_by('-add_time')
p = Paginator(all_news, 20)
page = request.GET.get('page', 1)
try:
news = p.page(int(page))
except PageNotAnInteger:
news = p.page(1)
#首頁播放被標(biāo)記為頭條的最后一部視頻
bili=Bili.objects.filter(is_topline=True).last()
return render(request,'index.html',{'news':news,'bili':bili})
5.改寫Template目錄下的index.html（首頁）和new-base.html（新聞模板頁）
index.html
<!--視頻 S-->
<div class="videoCon">
<div class="name" style="color: orangered">新聞公告</div>
<div class="videoF">
{{ bili.bili|safe }}
</div>
</div>
<!--視頻 E-->
new-base.html
<!--視頻 S-->
<div class="videoCon">
<div class="name" style="color: orangered">{{ new.title }}</div>
<div class="videoF">
{{ bili.bili|safe }}
</div>
</div>
<!--視頻 E-->
6.效果圖
新聞詳情頁
首頁
4.總結(jié)
這個功能其實還是挺簡單的，技術(shù)上沒有什么可總結(jié)的，只不過我在隨機在b站找?guī)讉€視頻，發(fā)現(xiàn)基本上所有的視頻內(nèi)容吧，都挺令人擔(dān)憂的，b站作為體現(xiàn)年輕人喜好的一個網(wǎng)站，其中內(nèi)容全都是以低俗，諂媚，秀下限，惡趣味，宅腐文化為主旋律的，作為一個90后，不禁嘆息，00后真是垮掉的一代啊啊啊啊……現(xiàn)在的年輕人，女生（有些甚至是男扮女裝）穿裙子的標(biāo)準(zhǔn)長度，居然是以一扭屁股就能露出安全褲為標(biāo)準(zhǔn)的長度！對于未成年的小男生來說，根本不存在戒擼的可能性了?。∈裁唇行睦硐铝骺词裁炊枷铝?？天天靠露安全褲博眼球，自己出于什么心理真的沒個數(shù)么？當(dāng)然，從宏觀上看，因為三十年前那一撥國策，搞得現(xiàn)在女少男多，按照市場規(guī)律：在絕對剛需的情況下，物以稀為貴！ 現(xiàn)在社會整體上，女性的權(quán)利空前的大，這是無法改變的。既然無法改變，不妨轉(zhuǎn)變一個角度看問題，適齡女性比適齡男性少，當(dāng)今女性的裙子又比過去女性的裙子短，顯然衛(wèi)生紙的市場需求量，勢必越來越大，而衛(wèi)生紙的上游行業(yè)（木材，蘆葦?shù)仍旒堅牧系男袠I(yè)），及同類行業(yè)（軟裝、紙箱、辦公用紙等與衛(wèi)生紙消耗同樣原料的行業(yè)）價值必將一路上揚！如果有搞期貨或者炒股票的兄弟覺得有道理，入手一些這種行業(yè)的證券，肯定穩(wěn)賺??！
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
在本篇文章里小編給大家整理的是關(guān)于Python3爬蟲mitmproxy的安裝步驟，需要的朋友們可以學(xué)習(xí)下。2020-07-07
Python異常處理與反射相關(guān)問題總結(jié)
今天給大家?guī)淼氖顷P(guān)于Python的相關(guān)知識,文章圍繞著Python異常處理與反射展開,文中有非常詳細(xì)的介紹及代碼示例,需要的朋友可以參考下2021-06-06
Python實現(xiàn)批量填補遙感影像的無效值NoData
這篇文章主要為大家介紹了如何基于Python中ArcPy模塊，對大量柵格遙感影像文件批量進行無效值（NoData值）填充的方法，感興趣的小伙伴可以了解一下2023-06-06
這篇文章主要介紹了python3.x?zip用法詳解,通過一個簡單例子給大家詳細(xì)講解zip使用，結(jié)合示例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2022-11-11
這篇文章主要介紹了在Python中獲取文件名和擴展名的幾種方法,包括使用os.path.basename()函數(shù)獲取文件名,以及使用os.path.splitext()函數(shù)獲取文件名和擴展名,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-12-12
這篇文章主要介紹了python字符串格式化函數(shù)，主要概述內(nèi)容有?格式化字符串輸出?、三引號、字符串字母處理函數(shù)等相關(guān)內(nèi)容，下文詳細(xì)內(nèi)容介紹需要的小伙伴可以參考一下2022-04-04
大家好，本篇文章主要講的是Python中的隨機函數(shù)random詳解，感興趣的同學(xué)趕快來看一看吧，對你有幫助的話記得收藏一下，方便下次瀏覽2021-12-12
在本篇內(nèi)容里小編給大家分享的是關(guān)于python中g(shù)et和post有什么區(qū)別的相關(guān)內(nèi)容，需要的朋友們參考下吧。2020-06-06
Python 中對 XML 文件的編碼轉(zhuǎn)換問題
這篇文章主要介紹了Python 中對 XML 文件的編碼轉(zhuǎn)換問題,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-03-03
當(dāng)有多個?IO?密集型的任務(wù)要被處理時，我們自然而然會想到多線程。而線程池的實現(xiàn)也很簡單，因為?Python?提供了一個標(biāo)準(zhǔn)庫?concurrent.futures，已經(jīng)內(nèi)置了對線程池的支持。所以本篇文章，我們就來詳細(xì)介紹一下該模塊的用法2022-08-08