涅槃博客 - 完美版
type: channel
link: https://niepan.org/tag/%E5%AE%8C%E7%BE%8E%E7%89%88/
items: iframe嵌入BiliBili视频方法B站视频外链

iframe嵌入BiliBili视频方法B站视频外链
type: item
date: 2019-10-19T23:38:00+08:00
description: iframe嵌入BiliBili视频方法B站视频外链 BILIBILI 地址PC端参数 &danmaku=0 (1=打开弹幕 0=关闭弹幕) iframe 参数 allowfullscreen="allowfullscreen" #移动端全屏 sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts" #禁止弹出网页属性值描述alignleftrighttopmiddlebottom不赞成使用。请使用样式代替。规定如何根据周围的元素来对齐此框架。frameborder10规定是否显示框架周围的边框。heightpixels%规定 iframe 的高度。longdescURL规定一个页面，该页面包含了有关 iframe 的较长描述。marginheightpixels定义 iframe 的顶部和底部的边距。marginwidthpixels定义 iframe 的左侧和右侧的边距。nameframe_name规定 iframe 的名称。sandbox“”allow-formsallow-same-originallow-scriptsallow-top-navigation启用一系列对 iframe 中内容的额外限制。scrollingyesnoauto规定是否在 iframe 中显示滚动条。seamlessseamless规定 iframe 看上去像是包含文档的一部分。srcURL规定在 iframe 中显示的文档的 URL。srcdocHTML_code规定在 iframe中显示的页面的 HTML 内容。widthpixels%定义 iframe 的宽度。API调用普通BV视频地址例如：https://www.bilibili.com/video/BV1Xt411n7iJ普通AV视频地址例如：https://www.bilibili.com/video/av60016166普通多P视频地址例如：https://www.bilibili.com/video/BV1w4411179v/?p=2可直接输入BV、AV、EP编号如下视频号： av60016166 || BV1Xt411n7iJ多P视频号： av66821481?p=2 || BV1w4411179v/?p=2外链播放：https://xbeibeix.com/api/bilibili/biliplayer/?url=【这里输入BV号】直接frame给主题添加自定义样式将以下代码添加到主题的自定义CSS里/*视频挂载*/ .iframe_video { position: relative; width: 100%; } @media only screen and (max-width: 767px) { .iframe_video { height: 15em; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .iframe_video { height: 20em; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .iframe_video { height: 30em; } } @media only screen and (min-width: 1200px) { .iframe_video { height: 40em; } } .iframe_cross { position: relative; width: 100%; height: 0; padding-bottom: 75% } .iframe_cross iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0 }复制视频源代码打开B站视频网页，找到如下嵌入代码然后复制 修改代码复制嵌入代码到文章需要放置的位置。然后在给iframe这个标签添加class="iframe_video"` `