将B站视频嵌入网站文章的自适应代码

效果样式

当在博客编辑器中嵌入B站视频时，复制官方提供的嵌入代码会发现视频的宽度和高度属性均未设置，导致无法自适应div宽度，而手动设置宽度和高度也无法完美解决问题。可以使用下面的代码解决这个问题，它能够自适应div宽度：

首先在B站视频窗口下面获取代码！视频ID信息：

第二步！获取到前任代码之后  看下图片：

<iframe id="spkj" src="https://player.bilibili.com/player.html?aid=视频AID替换&bvid=BV1VN4y1K76x&cid=视频CID替换&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>

需要将其中（视频的aid）和（视频的cid）替换为相应的实际值以使视频被正确嵌入。此代码会根据它所在容器的尺寸来自适应视频尺寸，确保在不同尺寸的设备上正常显示。