1、以B站为例，首先，我们找到 B 站的任意一个视频，比如我们找到这个“【新年快乐】福气满满团圆菜，吉祥如意幸福年——年夜饭”的视频，地址是：https://www.bilibili.com/video/BV1Ub411r7bz，我们在视频下方点击分享，会获得如下的“嵌入代码”：
<iframe src="//player.bilibili.com/player.html?aid=42713537&bvid=BV1Ub411r7bz&cid=74896452&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
2、在这段代码中，我们能获取视频的aid信息，这个视频的aid就是42713537，所以我们可以将视频分享代码，修改成如下内容：
这里给大家分享另一个B站视频aid号获取小技巧：随便打开一个视频(现在基本都是BV号)然后F12打开控制台在末尾输入代码window.aid即可获取当前视频aid号。
<iframe src="//player.bilibili.com/player.html?aid=42713537&page=1&high_quality=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width=100%> </iframe>
3、大家可以看到，去除了源代码中的bvid和cid字段，同时加上了high_quality=1这个字段和width=100%的 CSS 样式，这样一来，我们调用的视频就可以是高清而且全宽显示了，但是要自适应，还要设定等比缩放的视频高度！因为在 CSS 中无法实现等比高度，所以，我们可以借助 js 代码内容，我们可以给这个 iframe 标签加一个 id，然后再写一段对应的 js 代码，比如我们设定一个wailianvideo的 id，则代码变为：
<iframe id="wailianvideo" src="//player.bilibili.com/player.html?aid=42713537&page=1&high_quality=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width=100%> </iframe>
4、同时，我们还要在我们的主题 footer 中，加入以下代码：
<script type="text/javascript">
if(document.getElementById("wailianvideo")){
document.getElementById("wailianvideo").style.height=document.getElementById("wailianvideo").scrollWidth*0.64+"px";
}
</script>
这段代码的意思就是视频显示高度是宽度的 0.64 倍，经过站长调用调试发现，这个 0.64 是最佳的比例值！
//同时如果在iframe里加入以下代码便可以禁止iframe弹窗和跳出
sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts"
调用效果如下：
5、那么如何调用直播平台视频，这里以虎牙直播为例：
<iframe id="wailianvideo" src="//liveshare.huya.com/iframe/21969336" width="100%" height="150" frameborder="no" scrolling="no" allowfullscreen="allowfullscreen"> </iframe>
其iframe代码中的“liveshare.huya.com/iframe/21969336”代表直播间的id号或自定义id都可
6、到这里，我们网站调用的 B站、腾讯、爱奇艺、优酷、虎牙直播平台等视频，就可以做到高清而且自适应了，大家可以不必担心手机端查看，因为设置了固定高度而不能正常显示了！
