django2 用iframe标签完成网页内嵌播放b站视频功能

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

前言：

给自己的网站中加入视频资源，有两种方法，一种是用iframe标签引用外站资源，另一种则使用video标签，获取站内资源进行视频播放。其中前者顾名思义，是将视频资源上传到视频网站中，然后通过引用的方式在站内播放视频，这种方法适用于视频资源内容公开免费，且不想花钱购买七牛云空间的开发者，毕竟是免费的嘛！而后者，则是需要有云空间存放视频资源才可以，不过后者的好处是，可以用于视频付费内容的开发。

今天恰好遇到了给自己要开发的项目，加一段视频新闻公告的需求！既然是新闻公告内容，当然是不需要加密的了。所以，也就没有必要花钱搞个云空间了。果断选择第一种，使用iframe标签的方式来实现网页内嵌播放视频方式来开发！

1.选择视频网站进行视频引用：

1.爱奇艺的视频加广告加得简直丧心病狂，像老太太的裹脚布又臭又长，垃圾，不用！

2.腾讯视频的视频也加广告，虽然广告没有那么长，但是很阴险的是，如果视频超过十几分钟，就会无法在引用视频的网站播放，被强制要求转去腾讯视频才可以看，简直狼子野心，垃圾中的垃圾，不用！

3.bilibili，也就是传说中的b站，不但视频没有广告（引导型广告还是有的，但是不影响观看，不是那种不看完广告不让看视频的霸王硬广），没有玩儿阴的强制跳转去他家网站，还高清无码有弹幕，选b站！

2.实际操作：

1.在template目录下的index.html中加入跟视频引用相关的代码：

<div class="videoCon">
<div class="name" style="color: orangered">新闻公告</div>
<div class="videoF">

<iframe src="//player.bilibili.com/player.html?aid=24841101&cid=41877807&page=1"
scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true">
</iframe>

</div>
</div>

2.获取b站的视频引用相关代码（随机挑选一个b站视频，进入视频播放页）

3.django网页中的效果图

3.跟django后端结合，动态的嵌入不同视频

1.在models.py中（一般嵌入代码长度不会超过300，在150——300之间）

class Bili(models.Model):
'''新闻相关视频'''
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 = '新闻相关视频'
verbose_name_plural = verbose_name def __str__(self):
return self.new.title

打开Terminal终端，执行数据更新命令：

python manage.py makemigrations
python manage.py migrate

2.在adminx.py中注册

import xadmin
from .models import News,Biliclass 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站找的三个视频的嵌入代码：

4.在views.py中：

from .models import News,Biliclass NewView(View):
"""新闻公告详情"""
def get(self,request,new_id):
new=News.objects.filter(id=new_id).first()
new.click_num+=1 # 根据新闻公告的不同，显示与之关联的视频
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) #首页播放被标记为头条的最后一部视频
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

<div class="videoCon">
<div class="name" style="color: orangered">新闻公告</div>
<div class="videoF">
{{ bili.bili|safe }}
</div>
</div>

new-base.html

<div class="videoCon">
<div class="name" style="color: orangered">{{ new.title }}</div>
<div class="videoF">
{{ bili.bili|safe }}
</div>
</div>

6.效果图

新闻详情页

首页

4.总结

这个功能其实还是挺简单的，技术上没有什么可总结的，只不过我在随机在b站找几个视频，发现基本上所有的视频内容吧，都挺令人担忧的，b站作为体现年轻人喜好的一个网站，其中内容全都是以低俗，谄媚，秀下限，恶趣味，宅腐文化为主旋律的，作为一个90后，不禁叹息，00后真是垮掉的一代啊啊啊啊……现在的年轻人，女生（有些甚至是男扮女装）穿裙子的标准长度，居然是以一扭屁股就能露出安全裤为标准的长度！对于未成年的小男生来说，根本不存在戒撸的可能性了啊！什么叫心理下流看什么都下流？天天靠露安全裤博眼球，自己出于什么心理真的没个数么？当然，从宏观上看，因为三十年前那一拨国策，搞得现在女少男多，按照市场规律：在绝对刚需的情况下，物以稀为贵！现在社会整体上，女性的权利空前的大，这是无法改变的。既然无法改变，不妨转变一个角度看问题，适龄女性比适龄男性少，当今女性的裙子又比过去女性的裙子短，显然卫生纸的市场需求量，势必越来越大，而卫生纸的上游行业（木材，芦苇等造纸原材料的行业），及同类行业（软装、纸箱、办公用纸等与卫生纸消耗同样原料的行业）价值必将一路上扬！如果有搞期货或者炒股票的兄弟觉得有道理，入手一些这种行业的证券，肯定稳赚啊！

觉得有道理的，来打赏5元支持一下啊？