媒体插图方块
概述
使用方法
站内引用：
[[include component:media-block **参数一=值一**|//参数二=值二//|...]]站外引用：
[[include :backrooms-wiki-cn:component:media-block **参数一=值一**|//参数二=值二//|...]]
示例
[[include component:media-block name=https://http.cat/500.jpg
|ratio= 750 / 600
|caption=Something went wrong.]]
[[include component:media-block src=https://http.cat/500.jpg
|ratio= 750 / 600
|showCaption=no
|align=left]]
这里展示了一只靠右的500小猫和一只靠左的503小猫，其中503小猫没有对应的描述，小猫来自http.cat。注意##e keycap|name##和##e keycap|src##属性是完全等效的，取决于你习惯哪种输入。
备注
- 组件无法自适应内部媒体的宽高比，因而推荐把##e keycap|ratio##设定为你的视频/图片的宽高比以无损缩放。
- 过于极端的宽高比会极大降低组件的可操作性。
- 该组件与的结构类似，其样式亦默认相同，与绝大多数版式皆适配。
- 为了与之区分开方便做独立样式设计，组件赋予了##e keycap|scp-media-block##类。
- 大部分情况下，##e keycap|name##与##e keycap|src##是等效的。当二者同时存在时，##e keycap|name##会覆盖##e keycap|src##
- 本组件的音频播放仍处于实验阶段，自动播放可能失败。
- 由于浏览器限制，自动播放可能被阻止，此时组件会尝试静音自动播放内部的音频/视频。
- 本组件的内置报错如下：
- 请通过 name 或 src 参数提供媒体地址：你没有提供链接。
- 无法识别的媒体类型：媒体的类型不受支持，下列受支持的格式。
- 图像：jpg、jpeg、png、gif、webp、svg、bmp、ico
- 音频：mp3、wav、ogg、oga、aac、flac、m4a
- 视频：mp4、webm、ogg、ogv、mov、mkv
- 图片/视频/音频加载失败：媒体加载失败，请检查媒体链接的可用性。