django2用iframe標(biāo)簽完成網(wǎng)頁(yè)內(nèi)嵌播放b站視頻功能
前言：
給自己的網(wǎng)站中加入視頻資源，有兩種方法，一種是用iframe標(biāo)簽引用外站資源，另一種則使用video標(biāo)簽，獲取站內(nèi)資源進(jìn)行視頻播放。其中前者顧名思義，是將視頻資源上傳到視頻網(wǎng)站中，然后通過(guò)引用的方式在站內(nèi)播放視頻，這種方法適用于視頻資源內(nèi)容公開(kāi)免費(fèi)，且不想花錢購(gòu)買七牛云空間的開(kāi)發(fā)者，畢竟是免費(fèi)的嘛！而后者，則是需要有云空間存放視頻資源才可以，不過(guò)后者的好處是，可以用于視頻付費(fèi)內(nèi)容的開(kāi)發(fā)。
今天恰好遇到了給自己要開(kāi)發(fā)的項(xiàng)目，加一段視頻新聞公告的需求！既然是新聞公告內(nèi)容，當(dāng)然是不需要加密的了。所以，也就沒(méi)有必要花錢搞個(gè)云空間了。果斷選擇第一種，使用iframe標(biāo)簽的方式來(lái)實(shí)現(xiàn)網(wǎng)頁(yè)內(nèi)嵌播放視頻方式來(lái)開(kāi)發(fā)！
1.選擇視頻網(wǎng)站進(jìn)行視頻引用：
1.愛(ài)奇藝的視頻加廣告加得簡(jiǎn)直喪心病狂，像老太太的裹腳布又臭又長(zhǎng)，垃圾，不用！
2.騰訊視頻的視頻也加廣告，雖然廣告沒(méi)有那么長(zhǎng)，但是很陰險(xiǎn)的是，如果視頻超過(guò)十幾分鐘，就會(huì)無(wú)法在引用視頻的網(wǎng)站播放，被強(qiáng)制要求轉(zhuǎn)去騰訊視頻才可以看，簡(jiǎn)直狼子野心，垃圾中的垃圾，不用！
3.bilibili，也就是傳說(shuō)中的b站，不但視頻沒(méi)有廣告（引導(dǎo)型廣告還是有的，但是不影響觀看，不是那種不看完廣告不讓看視頻的霸王硬廣），沒(méi)有玩兒陰的強(qiáng)制跳轉(zhuǎn)去他家網(wǎng)站，還高清無(wú)碼有彈幕，選b站！
2.實(shí)際操作：
1.在template目錄下的index.html中加入跟視頻引用相關(guān)的代碼：
<!--視頻 S-->
<div class="videoCon">
<div class="name" style="color: orangered">新聞公告</div>
<div class="videoF">
<!--這里填入從b站隨機(jī)挑選一個(gè)視頻，然后獲取的引用代碼-->
<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)代碼（隨機(jī)挑選一個(gè)b站視頻，進(jìn)入視頻播放頁(yè)）
3.django網(wǎng)頁(yè)中的效果圖
3.跟django后端結(jié)合，動(dòng)態(tài)的嵌入不同視頻
1.在models.py中（一般嵌入代碼長(zhǎng)度不會(huì)超過(guò)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='添加時(shí)間')
class Meta:
verbose_name = '新聞相關(guān)視頻'
verbose_name_plural = verbose_name
def __str__(self):
return self.new.title
打開(kāi)Terminal終端，執(zhí)行數(shù)據(jù)更新命令：
python manage.py makemigrations python manage.py migrate
2.在adminx.py中注冊(cè)
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'}
#注冊(cè)代碼
class BiliAdmin(object):
list_display = ['new', 'is_topline']
search_fields = ['new', 'is_topline']
list_filter =['new', 'is_topline']
xadmin.site.register(News, NewsAdmin)
#注冊(cè)代碼
xadmin.site.register(Bili, BiliAdmin)
3.可以在xadmin后臺(tái)進(jìn)行多個(gè)視頻嵌入代碼的填入
隨機(jī)在b站找的三個(gè)視頻的嵌入代碼：
<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):
"""首頁(yè)"""
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)
#首頁(yè)播放被標(biāo)記為頭條的最后一部視頻
bili=Bili.objects.filter(is_topline=True).last()
return render(request,'index.html',{'news':news,'bili':bili})
5.改寫(xiě)Template目錄下的index.html（首頁(yè)）和new-base.html（新聞模板頁(yè)）
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.效果圖
新聞詳情頁(yè)
首頁(yè)
4.總結(jié)
這個(gè)功能其實(shí)還是挺簡(jiǎn)單的，技術(shù)上沒(méi)有什么可總結(jié)的，只不過(guò)我在隨機(jī)在b站找?guī)讉€(gè)視頻，發(fā)現(xiàn)基本上所有的視頻內(nèi)容吧，都挺令人擔(dān)憂的，b站作為體現(xiàn)年輕人喜好的一個(gè)網(wǎng)站，其中內(nèi)容全都是以低俗，諂媚，秀下限，惡趣味，宅腐文化為主旋律的，作為一個(gè)90后，不禁嘆息，00后真是垮掉的一代啊啊啊啊……現(xiàn)在的年輕人，女生（有些甚至是男扮女裝）穿裙子的標(biāo)準(zhǔn)長(zhǎng)度，居然是以一扭屁股就能露出安全褲為標(biāo)準(zhǔn)的長(zhǎng)度！對(duì)于未成年的小男生來(lái)說(shuō)，根本不存在戒擼的可能性了啊！什么叫心理下流看什么都下流？天天靠露安全褲博眼球，自己出于什么心理真的沒(méi)個(gè)數(shù)么？當(dāng)然，從宏觀上看，因?yàn)槿昵澳且粨車?guó)策，搞得現(xiàn)在女少男多，按照市場(chǎng)規(guī)律：在絕對(duì)剛需的情況下，物以稀為貴！ 現(xiàn)在社會(huì)整體上，女性的權(quán)利空前的大，這是無(wú)法改變的。既然無(wú)法改變，不妨轉(zhuǎn)變一個(gè)角度看問(wèn)題，適齡女性比適齡男性少，當(dāng)今女性的裙子又比過(guò)去女性的裙子短，顯然衛(wèi)生紙的市場(chǎng)需求量，勢(shì)必越來(lái)越大，而衛(wèi)生紙的上游行業(yè)（木材，蘆葦?shù)仍旒堅(jiān)牧系男袠I(yè)），及同類行業(yè)（軟裝、紙箱、辦公用紙等與衛(wèi)生紙消耗同樣原料的行業(yè)）價(jià)值必將一路上揚(yáng)！如果有搞期貨或者炒股票的兄弟覺(jué)得有道理，入手一些這種行業(yè)的證券，肯定穩(wěn)賺?。?br />
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
開(kāi)啟Django博客的RSS功能的實(shí)現(xiàn)方法
這篇文章主要介紹了開(kāi)啟Django博客的RSS功能的實(shí)現(xiàn)方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02
使用matplotlib庫(kù)實(shí)現(xiàn)圖形局部數(shù)據(jù)放大顯示的實(shí)踐
本文主要介紹了使用matplotlib庫(kù)實(shí)現(xiàn)圖形局部數(shù)據(jù)放大顯示的實(shí)踐，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-02-02
這篇文章主要介紹了如何將已有的python庫(kù)添加到pycharm配置問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-08-08
Python docutils文檔編譯過(guò)程方法解析
這篇文章主要介紹了Python docutils文檔編譯過(guò)程方法解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-06-06
python中zip()方法應(yīng)用實(shí)例分析
這篇文章主要介紹了python中zip()方法的應(yīng)用,實(shí)例分析了使用zip()方法創(chuàng)建字典的相關(guān)技巧,需要的朋友可以參考下2016-04-04
matplotlib之pyplot模塊之標(biāo)題（title()和suptitle()）
這篇文章主要介紹了matplotlib之pyplot模塊之標(biāo)題（title()和suptitle()），文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-02-02
python各種excel寫(xiě)入方式的速度對(duì)比
這篇文章主要介紹了python各種excel寫(xiě)入方式的速度對(duì)比，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-11-11
這篇文章主要介紹了Python的列表和元組，列表和元組是python組常見(jiàn)的內(nèi)置內(nèi)省，下面文章我們講圍繞Python的列表和元組的相關(guān)資料展開(kāi)話題,感興趣的小伙伴以參考一下2021-10-10
python-opencv實(shí)現(xiàn)視頻指定幀數(shù)間隔圖像的保存功能
這篇文章主要介紹了python-opencv實(shí)現(xiàn)視頻指定幀數(shù)間隔圖像的保存的方法，本文通過(guò)示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-04-04
python自動(dòng)發(fā)微信監(jiān)控報(bào)警
這篇文章主要為大家詳細(xì)介紹了python自動(dòng)發(fā)微信監(jiān)控報(bào)警，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-09-09