关于博客调用B站视频笔记
方式一 直接在B站获取的连接
缺点就是 界面不够适应宽度 界面小 自动播放 .
<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=114522316608703&bvid=BV1owJPzKEch&cid=30005330801&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
方式二 处理后自动适应文章界面宽度和高度 依然自动播放
通过AI给出的处理 还是不够 虽然做到了自动适应了 但是依然是自动播放，想想当大家在看其他的视频的时候 刷到这里 特么的两个声音一起播放 什么感觉？
<div class="bilibili-video" style="position: relative; width: 100%; padding-top: 56.25%;">
<iframe
src="//player.bilibili.com/player.html?isOutside=true&aid=114487872983151&bvid=BV17kEuznEbr&cid=29902703152&p=1&high_quality=1&as_wide=1"
style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;"
frameborder="no"
scrolling="no"
allowfullscreen="allowfullscreen">
</iframe>
</div>
方式三 处理后 自动适应切关掉自动播放
本站就只喜欢这种方法调用视频 用户可以选择性看与不看，
| 参数 | 作用 | 可选值 |
|---|---|---|
| `autoplay=false` | 直接关闭自动播放 | `true`/`false` |
| `high_quality=1` | 强制高清模式（可选） | `0`/`1` |
| `danmaku=0` | 关闭弹幕（可选） | `0`/`1` |
<div class="bilibili-video" style="position: relative; width: 100%; padding-top: 56.25%;">
<iframe
src="//player.bilibili.com/player.html?isOutside=true&aid=114487872983151&bvid=BV17kEuznEbr&cid=29902703152&p=1&autoplay=false"
style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;"
frameborder="no"
scrolling="no"
allow="autoplay 'none'; fullscreen" <!-- 双重保险禁止自动播放 -->
allowfullscreen="allowfullscreen">
</iframe>
</div>
展示一下调用的视频
很遗憾
没能成功，ai给与的解决方案都测试了一遍 还是没能成功 .
