B站视频嵌入博客文章的自适应代码
在编辑博客时,需要嵌入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>
发表评论: