Overview

The theme provides the capability to embed YouTube videos.

This feature is powered by vuepress-plugin-md-power.

Configuration

This feature is disabled by default. You need to enable it in the theme configuration.

.vuepress/config.ts

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

Syntax

Simple syntax:

@[youtube](id)

More options:

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

Parameter Description:

• id: Video ID
• autoplay: Whether to enable autoplay
• loop: Whether to enable loop playback
• start: Video playback start time in seconds, or in mm:ss or hh:mm:ss format
• end: Video playback end time in seconds, or in mm:ss or hh:mm:ss format
• width: Video width
• height: Video height
• ratio: Video aspect ratio, defaults to 16:9

Examples

Widescreen Video

Input:

@[youtube](0JJPfz5dg20)

Output:

Contributors

pengzhanbo

Changelog

10/9/25, 7:46 AM

View All Changelog

• 38505-docs: update en docs (#708)on 10/9/25