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>

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

免责声明 1、本站所发布的全部内容源于互联网搬运,(包括源代码、软件、学习资料等)本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的23个小时之内,从您的电脑或手机中彻底删除上述内容。
2、访问本站的用户必须明白,本站对所提供下载的软件和程序代码不拥有任何权利,其版权归该软件和程序代码的合法拥有者所有,如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如本站不慎侵犯您的版权请联系我们,我们将及时处理,并撤下相关内容!敬请谅解! 侵删请致信E-mail:messi0808@qq.com
3、如下载的压缩包需要解压密码,若无特殊说明,那么文件的解压密码则为www.77code.com
4、如遇到加密压缩包,请使用WINRAR解压,如遇到无法解压的请联系管理员!

琪琪源码网 技术文章 B站视频嵌入博客文章的自适应代码 https://www.77code.com/zh/jishu/15764.html

相关文章