发布于:2023-05-31 14:53 阅读次数:399 作者:云码素材 分类:技术分享 关键词:B站视频
B站视频嵌入博客文章的自适应代码
在编辑博客时,需要嵌入B站视频,
但复制B站给的嵌入代码后会发现宽度和高度属性都没有,
无法自适应div,单独设置宽度和高度也不太完美,
如何解决这个问题?用下面这段代码, 只需要替换aid即可:
这段代码可以使嵌入文章的B站视频自适应div的宽度。
<iframe id="spkj" src="https://player.bilibili.com/player.html?aid=908735163&bvid=BV1HM4y167gS&cid=1057726743&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>
我要加群:资源共享的时代,不要再单打独斗!加小编微信号加入群:xnynews(备注:云码素材入群),qq群号:202498279,一起技术学习,资源分享!
免责声明
本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!
热门标签
推荐模板
html仿资源家全站素材资源下载网站模板 自适应响应式蓝色资源下载站网站模板
2024-03-19 21:18 浏览:607
热门文章
2022-05-10 08:48 浏览:30295
2Tik Tok 深田咏美抖音视频100+合集资源免费下载【绿色】
2022-10-31 08:42 浏览:18118
2022-03-27 09:29 浏览:14501
2022-09-11 15:02 浏览:12420
2020-04-13 15:31 浏览:11292
6免费使用chatgpt3种方式 chatgpt国内入口无需梯子
2023-04-23 17:52 浏览:9567
7三个开源的php论坛bbs源码 可自建 圈子 帖子社区网站!
2020-09-15 21:34 浏览:8439
2022-09-08 10:28 浏览:8312
2019-08-28 17:28 浏览:8268
2021-03-29 10:22 浏览:7228