在编辑博客时，需要嵌入B站视频，但复制B站给的嵌入代码后会发现宽度和高度属性都没有，无法自适应div，单独设置宽度和高度也不太完美，如何解决这个问题？
用下面这段代码，只需要替换aid即可：
<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>
<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"
可以使点击的弹出链接失效，避免外链跳出本站，如果不需要这个效果，删掉这段代码即可。
搜资源/全网资源一网打尽www.souziyuan.top
收藏本站，已备不时之需吧。
- THE END -
本站提供的资源，都来自网络，版权争议与本站无关，所有内容及软件的文章仅限用于学习和研究目的。不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负，我们不保证内容的长久可用性，通过使用本站内容随之而来的风险与本站无关，您必须在下载后的24个小时之内，从您的电脑/手机中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。侵删请致信邮箱souziyuan@outlook.com
共有 0 条评论