✖  
登陆

还没有账号? 立即注册

忘记密码?
登陆
✖  
注册

已经有账号?马上登陆 购买邀请码

立即注册

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

首页 综合教程 正文
广告

image.png

在编辑博客时,需要嵌入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>

版权说明
文章采用: 《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权。
版权声明:本站资源来自互联网收集,仅供用于学习和交流,请勿用于商业用途。如有侵权、不妥之处,请联系客服并出示版权证明以便删除!
独角兽倒计时主页html源码
« 上一篇 10-03
QQ网站链接过红教程和高概率教程必红教程
下一篇 » 10-03

发表评论

  • 泡泡
  • 阿呆
  • 阿鲁
  • 蛆音娘
    没有更多评论了