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

前言：

给自己的网站中加入视频资源，有两种方法，一种是用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网页中的效果图