• 嵌入式交流群:705573984 资源分享群:708912078

在博客中嵌入B站的视频:只需几行代码

闲聊 一纸江南 10个月前 (05-05) 562次浏览 已收录 0个评论 扫描二维码

点击B站视频下方的分享链接会有一段代码:

<iframe src=”//player.bilibili.com/player.html?aid=51325911&cid=89835555&page=1″ scrolling=”no” border=”0″ frameborder=”no” framespacing=”0″ allowfullscreen=”true”> </iframe>

显示的效果是这样的:

这样一个小框,非常的难受。

今天给大家推荐一个这样的代码:

<iframe id=”spkj” src=”https://player.bilibili.com/player.html?aid=51325911&amp;page=1&#8243; width=”100%” frameborder=”no” scrolling=”no” allowfullscreen=”allowfullscreen”><span data-mce-type=”bookmark” style=”display: inline-block; width: 0px; overflow: hidden; line-height: 0;” class=”mce_SELRES_start”></span> </iframe>
<script type=”text/javascript”> document.getElementById(“spkj”).style.height=document.getElementById(“spkj”).scrollWidth*0.76+”px”;</script>

把其中的aid = 51325911 ,换成自己想要嵌入视频的aid就可以了。

演示效果:

 


编程/单片机/嵌入式交流群:705573984 资源分享群:708912078 / 我的B站频道:程序猿的黄金单片机
喜欢 (0)
[xiongl2468@qq.com]
分享 (0)
一纸江南
关于作者:
学习嵌入式,分享一些电脑使用技巧,收集网络资源。

您必须 登录 才能发表评论!