gitea-yuany3721/vuepress-theme-plume
1
0
Fork 1
mirror of https://github.com/pengzhanbo/vuepress-theme-plume.git synced 2026-04-23 10:58:13 +08:00
Code Issues Packages Projects Releases Wiki Activity
vuepress-theme-plume/docs/en/guide/embed/youtube.md
pengzhanbo 385059f214
docs: update en docs (#708) 
* docs: update en docs

* chore: tweak

* chore: tweak

* chore: tweak
2025-10-09 15:46:05 +08:00

1.2 KiB
Raw Blame History

title, icon, createTime, permalink
title icon createTime permalink
YouTube Video mdi:youtube 2025/10/08 14:30:33 /en/guide/embed/video/youtube/

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.

export default defineUserConfig({
  theme: plumeTheme({
    markdown: {
      youtube: true, // [!code ++]
    },
  })
})

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:

@youtube