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

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

<iframe id="spkj" src="https://player.bilibili.com/player.html?aid=982709461&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>
<script type="text/javascript">  
document.getElementById("spkj").style.height=document.getElementById("spkj").scrollWidth*0.76+"px";
</script>

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

其中的代码：

sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts"

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

收藏本站，已备后查吧~

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。