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

861917218

https://www.bilibili.com/video/BV1eL411y7nk?t=26.9

在编辑博客时，需要嵌入B站视频，

但复制B站给的嵌入代码后会发现宽度和高度属性都没有，

无法自适应div，单独设置宽度和高度也不太完美，

如何解决这个问题？用下面这段代码， 只需要替换aid即可：

这段代码可以使嵌入文章的B站视频自适应div的宽度。

<iframe id="spkj" src="https://player.bilibili.com/player.html?aid=258768578&bvid=BV1Pa411U7uo&cid=782500825&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>

813762220

感谢楼主的分享

空竹蓝心

谢谢大牛

Astroboyss

谢谢分享！

丢雷楼某

谢谢分享

liu518518

支持楼主，谢谢分享。

2267504

谢谢大佬分享

h0161615

先收藏了，万一用到呢

LYC

多谢楼主分享

qrs2zy

感谢楼主分享！大牛有你更精彩！