返回文章列表B 站 · 1 分 50 秒在 B 站打开 CC0 示例素材，来自 MDN；`preload=metadata`，不点播放只取时长与首帧 点播放才开始下载
站内媒体组件
这篇是四类媒体组件的活样本 —— 它们不是标准 Markdown，是本博客自己加的组件（见 components/blog/MdxMedia.tsx）。文件放哪、体积上限见 public/AGENTS.md 的「非图片资源」。
B 站内嵌
<Bilibili>：iframe 里是对方的播放器，loading="lazy"（滚到才加载）、弹幕默认关，图注里始终带一个跳转兜底 —— 播放器加载不出来时读者还有路可走。
视频
<Video>：用 aspect 撑占位框（视频尺寸构建期读不到，缺了它会加载后跳动），建议配 poster。
音频
<Audio>：preload="none"，不点播放的话大文件一个字节都不下载。
t-rex-roar（CC0，MDN）
下载
<Download>：一行带图标、体积与备注的下载项。注意 download 属性只对同源文件生效，跨域链接浏览器会直接打开预览。
四类组件在上面都可点可播。内嵌 B 站视频是引第三方资源（对方的播放器自带 JS 与 cookie），海外或网络受限时可能只出来一块白，所以那个兜底外链不是装饰。