源开资源网 - 专注优质QQ活动-绿色软件-游戏辅助-技术教程分享网!
首页 > > B站视频嵌入博客文章的自适应代码

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>

!

文章介绍
公众号二维码

宣传图片
本文二维码
源开资源网:www.yykzy.com

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

发布时间:2022-10-3 11:00:08
长按识别二维码,阅读本文

如打开异常,保存图片

用浏览器扫码访问

本站说明源开资源网:www.yykzy.com 每天更新优质技术教程,资源,软件,活动,资讯!

本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途, 否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内 ,从您的电脑或手机中彻底删除上述内容。

1、如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。
2、本网站可能提供第三方网站的链接,我们不负责维护这些网站。我们不对这些网站的内容负责任。
3、提供这些网站的链接并不意味我们对这些网站或它们的内容的认可或支持。 本站不对这些链接网站作出任何陈述或保证,也不对它们负任何责任。
4、如有侵权请邮件与我们联系处理3588235882@qq.com 敬请谅解!

发表评论:

本站资源来自互联网收集,仅供用于学习和交流,我们尊重任何软件和教程作者的版权,请遵循相关法律法规,本站一切资源不代表本站立场

侵权删帖/违法举报/商务合作/投稿等事物联系QQ3588235882微信:YDDDDYC
权重查询
百度收录  -   搜狗收录查询  -   必应收录查询
sitemap
★★版权声明★★
Copyright © 2020 - 2023 源开资源网. All Rights Reserved.