在编辑博客时,需要嵌入B站视频,但复制B站给的嵌入代码后会发现宽度和高度属性都没有,无法自适应div,单独设置宽度和高度也不太完美,如何解决这个问题?
在这里分享一段代码,只需要替换aid、cid即可解决这个问题:[wm_login]
<iframe id="spkj" src="https://player.bilibili.com/player.html?aid=900831672&bvid=BV1VN4y1K76x&cid=839712989&page=1" rel="external nofollow" 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>
举列:
其中的代码:
sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts"
可以使点击的弹出链接失效,避免外链跳出本站,如果不需要这个效果,删掉这段代码即可。[/wm_login]