共计 764 个字符,预计需要花费 2 分钟才能阅读完成。
转发壁挂马桶维修的视频的时候,公众号的没办法办法发,只能发到B站,再转过来。
B站点击分享会提供iframe嵌入视频,直接复制代码。
转过来发现默认的视频尺寸很小,手动添加width和height属性倒是可以,但是没办法自适应文章页的尺寸。
搜索就能解决问题:(更新,之前的js代码尺寸不太合适)
复制本段代码
src="//player.bilibili.com/player.html?aid=203821664&bvid=BV1fh411y7R8&cid=299710389&page=1&high_quality=1&danmaku=0"
width="100%" height="500" frameborder="0" scrolling="no" allowfullscreen="allowfullscreen">
使用方法:
复制上面这段代码,原代码的iframe不变,后面的src=”开始替换,替换到page=1截至(含page=1)。【因为网站代码展示有问题,无法完整讲iframe的代码展示出来,只能掐头去尾露出中间的修改部分了】
实际效果如下:
优点:之前需要嵌入一段代码,这个最简单
注意:
1,套在一个DIV里,避免挤出正文区域。
2,B站视频代码有可能会还变,建议从csr=”开始替换,替换到page=1截至(含page=1)
BILIBILI 地址PC端参数
&high_quality=1 (1=最高画质 0=最低画质)
&danmaku=0 (1=打开弹幕 0=关闭弹幕)
iframe 参数
allowfullscreen="allowfullscreen" #移动端全屏
sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts" #禁止弹出网页
另外一个办法
正文完