直接使用 B站自带的代码通常会导致在手机上显示不全或比例失调，建议使用以下优化后的代码：
1. 复制并修改这段代码
视频测试：
在 Blogger 编辑文章时，切换到 HTML 视图，在你想放置视频的地方粘贴以下代码：
代码展示
<div style="position: relative; width: 100%; height: 0; padding-bottom: 75%; overflow: hidden; border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.1);">
<iframe
style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;"
src="//player.bilibili.com/player.html?bvid=换成你的BV号&page=1&high_quality=1&danmaku=0"
scrolling="no"
border="0"
frameborder="no"
framespacing="0"
allowfullscreen="true">
</iframe>
</div>
2. 关键参数说明（如何自定义）
你需要做的只是把代码中的 换成你的BV号 替换掉即可。
BV号：视频链接中 video/ 后面的那一串字符（例如 BV1xx411c7mD）。
high_quality=1：强制开启最高画质（如果 B站支持）。
danmaku=0：默认关闭弹幕（Blogger 阅读环境通常建议关闭，如需开启请改为 1）。
padding-bottom: 75%：这是 4:3 视频的比例。如果你的是 16:9 的宽屏视频，请将其改为 56.25%。
3. 为什么这样写最快速？
无需插件：不依赖任何第三方脚本，加载速度极快。
响应式适配：position: absolute 的写法确保了无论读者的手机屏幕多大，视频都会自动充满宽度且保持比例。
更美观：我添加了 border-radius（圆角）和 box-shadow（微阴影），让视频看起来和你的博客主题更融合，而不是生硬地贴在页面上。
你需要做的只是把代码中的 换成你的BV号 替换掉即可。
BV号：视频链接中 video/ 后面的那一串字符（例如 BV1xx411c7mD）。
high_quality=1：强制开启最高画质（如果 B站支持）。
danmaku=0：默认关闭弹幕（Blogger 阅读环境通常建议关闭，如需开启请改为 1）。
padding-bottom: 75%：这是 4:3 视频的比例。如果你的是 16:9 的宽屏视频，请将其改为 56.25%。
3. 为什么这样写最快速？
无需插件：不依赖任何第三方脚本，加载速度极快。
响应式适配：position: absolute 的写法确保了无论读者的手机屏幕多大，视频都会自动充满宽度且保持比例。
更美观：我添加了 border-radius（圆角）和 box-shadow（微阴影），让视频看起来和你的博客主题更融合，而不是生硬地贴在页面上。