B站视频嵌入博客文章的自适应代码

在编辑博客时，需要嵌入B站视频，但复制B站给的嵌入代码后会发现宽度和高度属性都没有，无法自适应div，单独设置宽度和高度也不太完美，如何解决这个问题？

用下面这段代码，只需要替换aid即可：

1. <iframe id=“spkj” src=“https://player.bilibili.com/player.html?aid=900831672&bvid=BV1VN4y1K76x&cid=839712989&page=1” scrolling=“no” border=“0” frameborder=“no” framespacing=“0” allowfullscreen=“true” width=100% sandbox=“allow-top-navigation allow-same-origin allow-forms allow-scripts”> </iframe>
2. <script type=“text/javascript”>
3. document.getElementById(“spkj”).style.height=document.getElementById(“spkj”).scrollWidth*0.76+“px”;
4. </script>

这段代码可以使嵌入文章的B站视频自适应div的宽度，效果如下：

其中的代码：

1. sandbox=“allow-top-navigation allow-same-origin allow-forms allow-scripts”

可以使点击的弹出链接失效，避免外链跳出本站，如果不需要这个效果，删掉这段代码即可。

收藏本站，已备不时之需吧。

站长群集#技术教程交流Q群：280283793 （新群&禁广）