插入B站视频方法

799次阅读
没有评论

共计 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" #禁止弹出网页

另外一个办法
正文完
 
jiffish
版权声明:本站原创文章,由 jiffish 2022-10-07发表,共计764字。
转载说明:
【转载】本站原创内容除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
【展示】本站内容仅供查询之用,网站页面为程序根据网络信息自动生成,站点不存储任何实质资料文件。
【投诉】欢迎留言投诉反馈各类问题,我们会积极、认真、严肃对待。留言评论或者反馈邮件:support@gelimao.com
找不到电子书?想要学习怎么寻找电子书?联系站长
评论(没有评论)
验证码