🤡网页内嵌B站视频，隐藏相关控件

type
status
date
slug
summary
tags
category
icon
password
网页内嵌 B 站视频主要是用 ifame , 其地址是：
后面的参数说明：
key
属性
cid
应该是客户端iid，可以不填
aid
视频id，必填
page
B站视频, 选集里的, 第几个视频 ————默认值为）
as_wide
是否宽屏 1: 宽屏, 0: 小屏
high_quality
是否高清
danmaku
是否开启弹幕 1: 开启(默认), 0: 关闭
其中 aid 为必填，其它参数可以不填
这个 aid 怎么获取呢？这就需要请求 B 站这个接口了

1、aid获取

bvid怎么获取？在 B站播放视频中的 url 里我们可以看到
notion image
如果网页上传 链接提取的话就需要先去访问上面的地址获取视频 aid
notion image
我们可以叫后端去访问，前端提供 bvid，后端去请求 B 站获取 aid 的地址，根据所得内容返回给前端

2、封装

这里以 vue 为例：
ifame参数说明：
key
属性
allowfullscreen
设置true为时，可以通过调用 iframe 的requestFullscreen()方法激活全屏模式
scrolling
这个属性控制是否要在框架内滚动显示 auto: 当框架的内容超出范围时显示的滚动条。yes: 实时显示滚动条。no: 从不显示滚动条。
frameborder
此属性1值时显示，此框架的默认0使用屏幕
...
...
这里就不在多详述了，可以参考这个 iframe
js部分代码:
css部分代码：
最终结果：
notion image
原本不去除下边的样子 ：
notion image
目前只知道怎么隐藏下面，其它的暂时不懂，因为获取不到 iframe 中的元素，无法修改其样式
图片打不开的话 f12 控制台打开，可能跨域访问失败了
vue路由白名单Ubuntu/Linux 多开线程运行不同服务