概述

主题提供了嵌入 Youtube 视频的功能。

该功能由 vuepress-plugin-md-power 提供支持。

配置

该功能默认不启用。你需要在主题配置中开启。

.vuepress/config.ts

export default defineUserConfig({
  theme: plumeTheme({
    markdown: {
      youtube: true, 
    },
  })
})

语法

简单的语法：

@[youtube](id)

更多选项：

@[youtube autoplay loop start="0" end="0" width="100%" height="400px" ratio="16:9"](id)

选项说明：

Name:id

必填

Type:string

视频 ID

Name:autoplay

可选

Type:boolean

是否自动播放

Name:loop

可选

Type:boolean

是否循环播放

Name:start

可选

Type:number | string

视频开始播放时间点，单位为秒，也可以使用 mm:ss 或 hh:mm:ss 格式

Name:end

可选

Type:number | string

视频结束播放时间点，单位为秒，也可以使用 mm:ss 或 hh:mm:ss 格式

Name:width

可选

Type:string

默认值:100%

视频宽度

Name:height

可选

Type:string

视频高度。未指定时按自动高度处理

Name:ratio

可选

Type:string

默认值:16:9

视频比例

示例

宽频视频

输入：

@[youtube](0JJPfz5dg20)

输出：

贡献者

pengzhanbo

更新日志

2026/10/13 15:56

查看所有更新日志

• e4dae-docs: improve docs (#1071)于 2026/10/13
• 60619-docs: improve docs (#1069)于 2026/10/11
• 4d236-feat(theme)!: add collections support (#704)于 2025/10/7
• 0fd6c-refactor(theme): improve types and flat config (#524)于 2025/3/15
• bd4c3-feat(plugin-md-power): add artplayer support (#393)于 2024/12/21
• 9a441-docs: update doc于 2024/3/29

编辑此页

上一页AcFun 视频

下一页ArtPlayer 视频