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>

© 版权声明
THE END
喜欢就支持一下吧
点赞8
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称

    暂无评论内容

随即推荐
(自适应手机端)简单的通用企业网站模板 pbootcms企业网站源码下载-铁虎资源网

(自适应手机端)简单的通用企业网站模板 pbootcms企业网站源码下载

(自适应手机端)简单的通用企业网站模板 pbootcms企业网站源码下载PbootCMS内核开发的网站模板,该模板适用于通用企业网站等企业,当然其他行业也可以做,只需要把文字图片换成其他行业的即可;
sindrom_ktmt的头像-铁虎资源网sindrom_ktmt14天前
0217
站长这样做,外链多到根本发不完-铁虎资源网

站长这样做,外链多到根本发不完

最近连续两周,我的外链建设时间从每天30分钟暴涨到2小时,意外发现了几个连国外SEO大神都没提过的野路子。今天这份保姆级教程,会手把手教你如何用免费工具“复制”竞争对手的外链资...
admin的头像-铁虎资源网admin4天前
0387
2025抖音小店高效运营实战课-铁虎资源网

2025抖音小店高效运营实战课

2025抖音小店运营课程来袭!课程涵盖抖店后台注册、产品上架、订单处理等25项实操技巧,还包含商家体验分解读、选品策略等系统运营课。无论是新手入门,还是老手提升,都能从中掌握核心技能,轻...
test17473844的头像-铁虎资源网test1747384414天前
0309
“0”撸项目天花板,一单6-10元,日入200+,新手小白也能轻松掌握,保姆级教程-铁虎资源网

“0”撸项目天花板,一单6-10元,日入200+,新手小白也能轻松掌握,保姆级教程

“0”撸项目天花板,一单6-10元,日入200+,新手小白也能轻松掌握,保姆级教程
test13254783的头像-铁虎资源网test1325478321天前
02215
2025短视频数字人带货实操课-铁虎资源网

2025短视频数字人带货实操课

零基础入门数字人带货,从数字人形象定制、智能话术生成,到带货视频剪辑与平台发布,全流程实战教学。深度解析热门带货赛道,搭配 AI 工具实现高效内容量产,掌握流量密码与变现技巧,快速开启...
test22003302的头像-铁虎资源网test220033029天前
02513
二次元导航网站源码帝国cms模板源码帝国二次元导航新闻下载源码-铁虎资源网

二次元导航网站源码帝国cms模板源码帝国二次元导航新闻下载源码

二次元导航网站源码帝国cms模板源码帝国二次元导航新闻下载源码
NATREGTEGH920097NEYRTHYT的头像-铁虎资源网NATREGTEGH920097NEYRTHYT29天前
0335
DeepSeek助力论文写作实战营-铁虎资源网

DeepSeek助力论文写作实战营

聚焦论文写作全流程,AI赋能选题写作润色,依托DeepSeekAI工具,打造从选题到成文的高效解决方案。课程涵盖文献检索、筛选、三级阅读法实战,详解原始研究与Meta分析选题策略,拆解中文期刊、SC...
Devinsoarf的头像-铁虎资源网Devinsoarf14天前
0345
WordPress主题–Avada主题 v7.12.2 破解版下载-铁虎资源网

WordPress主题–Avada主题 v7.12.2 破解版下载

Avada是一款和Elementor插件类似的WordPress主题,可以进行可视化的拖曳式设计。在全球WordPress用户中使用量非常多。 使用说明 主题包括主文件和子主题文件。两个都上传解压,然后启用子主题!
孙佳音的头像-铁虎资源网孙佳音4天前
03611
帝恩思:数字安全领域的领航者-铁虎资源网

帝恩思:数字安全领域的领航者

在数字化时代,网络安全的重要性不言而喻。厦门帝恩思科技股份有限公司自2012年成立以来,在这片充满挑战的领域深耕细作,逐渐发展为全球知名的数字安全综合服务商,并成功在新三板挂牌(证券代...
admin的头像-铁虎资源网admin12天前
03115
小红书运营进阶班课,小红书运营核心技能,快速实现从0到1的变现目标-铁虎资源网

小红书运营进阶班课,小红书运营核心技能,快速实现从0到1的变现目标

一、课程概览小红书运营进阶班课程体系全面升级,涵盖从基础入门到高阶实战的全方位内容,旨在帮助学员快速构建小红书知识体系,实现从 0 到 1 的突破,最终达成账号变现目标。课程分为多个模块...
test22003302的头像-铁虎资源网test2200330216天前
0216