在网站中嵌入B 站视频(链接不被引入源站)
本文最后更新于254 天前,其中的信息可能已经过时,如有错误请发送邮件到619701626@qq.com

前言

把B站的视频嵌入到自己的博客或者网站中,以及如何获取参数aid,bvid,cid

代码

<iframe src="//player.bilibili.com/player.html?aid=576713215&bvid=BV1Uz4y1G74P&cid=1285020617&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

效果

效果

获取参数

打开你需要的视频,按 F12

如图中黄色高亮部分

黄色高亮部分
# 图片看不清 看这里
total?aid=576713215&cid=1285020617&bvid=BV1Uz4y1G74P&ts=56573500
aid=576713215
cid=1285020617
bvid=BV1Uz4y1G74P

得到参数,替换掉原代码中的三个参数即可


进阶

自适应页面+链接不被引入源站

&page=1之后添加&high_quality=1&danmaku=0

&high_quality=1   (1=最高画质 0=最低画质)
&danmaku=0   (1=打开弹幕 0=关闭弹幕)

添加 iframe 参数

allowfullscreen="allowfullscreen" #移动端全屏
sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts" #禁止弹出网页

代码

修改后的完整代码:

<iframe src="//player.bilibili.com/player.html?aid=576713215&bvid=BV1Uz4y1G74P&cid=1285020617&page=1&high_quality=1&danmaku=0" allowfullscreen="allowfullscreen" width="100%" height="500" scrolling="no" frameborder="0" sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts"></iframe>

iframe属性

属性描述
alignleft,right,top,middle,bottom不赞成使用。请使用样式代替。规定如何根据周围的元素来对齐此框架。
frameborder10规定是否显示框架周围的边框。
heightpx,%,vh,em,规定 iframe 的高度。
longdescURL规定一个页面,该页面包含了有关iframe 的较长描述。
marginheightpixels定义 iframe的顶部和底部的边距。
marginwidthpixels定义 iframe的左侧和右侧的边距。
nameframe_name规定 iframe 的名称。
sandboxallow-forms,allow-same-origin,allow-scripts,allow-top-navigation启用一系列对 <_iframe> 中内容的额外限制。
scrollingyesnoauto规定是否在 iframe中显示滚动条。
seamlessseamless规定 <_iframe> 看上去像是包含文档的一部分。
srcURL规定在 iframe中显示的文档的 URL。
srcdocHTML_code规定在 <_iframe> 中显示的页面的 HTML 内容。
widthpixels%定义 iframe 的宽度。

觉得有帮助可以鼓励下博主哦~感谢!
作者:rainy
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0协议
转载请注明文章地址及作者哦~
上一篇
下一篇