RiPro主题插入B站视频WordPress嵌入博客文章的自适应代码
在写关关采集器关关采集器v3.5.0.0使用教程的时候,想插入B站的视频,点击B站视频下方的的点击复制链接-嵌入代码,得到B站提供嵌入视频代码,直接点击复制代码。
添加到了博客文章后里,然而它默认的样式只有很小的一块,还需要手动添加width和height属性,手动设置了固定的宽和高之后,显示正常,本以为大功告成。结果发下移动端边框超出。
于是参考网上资料,各种五花八门的修改,应有尽有,但是测试结果一直不尽人意。尝试多次后,才找到合适的解决办法,使用也非常简单。
使用方法:
从以上复制的代码中找到aid=44020824
只需替换第一行中的数字ID44020824 为自己的aid即可,所以每次只需插入B站视频av/XXXXXX的数字即可。
<iframe id="spkj" src="https://player.bilibili.com/player.html?aid=44020824&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width=100%> </iframe>
<script type="text/javascript">
document.getElementById("spkj").style.height=document.getElementById("spkj").scrollWidth*0.76+"px";
</script>
版权申明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
蓝大富博客 » RiPro主题插入B站视频WordPress嵌入博客文章的自适应代码
蓝大富博客 » RiPro主题插入B站视频WordPress嵌入博客文章的自适应代码