在我们将网站搭建好后，如果我们想要展示视频，需要到著名的视频平台进行视频托管服务。否则便需要安装繁琐的插件播放器，还要忍受境外网络缓慢的加载速度。
最理想的托管平台在哔哩哔哩莫属，而且b站为我们了贴心的嵌入代码功能。
1
| <iframe src="//player.bilibili.com/player.html?aid=671060277&bvid=BV1ua4y1H714&cid=277330630&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
|
代码效果表现如下:
显而易见，实际效果并不是非常优秀，因为只有在哔哩哔哩的网站播放才会增加对应的收益，所以b站的嵌入代码没有做的尽善尽美，想让我们到官网去观看视频。
因此我们需要自行制定iframe的参数，使视频播放效果更好。
修改后的效果：
代码：
1
| <iframe src="//player.bilibili.com/player.html?aid=671060277&bvid=BV1ua4y1H714&cid=277330630&p=1" allowfullscreen="allowfullscreen" width="100%" height="500" scrolling="no" frameborder="0" sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts"></iframe>
|
核心代码：
1
| allowfullscreen="allowfullscreen" width="100%" height="500" scrolling="no" frameborder="0" sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts
|
将src路径后面的参数替换成修改后的参数即可。
原理分析
指定iframe的参数便可，参数width和height起着控制宽高的作用，allow起着允许全屏的作用。