Youtube 视频
248字小于1分钟
2024-03-28
概述
有时候,你想在你的文档中嵌入视频,以提高内容的表达能力。
主题提供了 嵌入 Youtube 视频 的功能。
该功能由 vuepress-plugin-md-power 提供支持。
配置
该功能默认不启用。你需要在主题配置中开启。
.vuepress/config.ts
export default defineUserConfig({
theme: plumeTheme({
plugins: {
markdownPower: {
youtube: true,
},
}
})
})
语法
简单的语法:
@[youtube](id)
更多选项:
@[youtube autoplay loop start="0" end="0" width="100%" height="400px" ratio="16:9"](id)
选项说明:
- id: 视频 ID
- autoplay: 是否自动播放
- loop: 是否循环播放
- start: 视频开始播放时间点,单位为秒, 也可以使用
mm:ss
或hh:mm:ss
格式 - end: 视频结束播放时间点,单位为秒, 也可以使用
mm:ss
或hh:mm:ss
格式 - width: 视频宽度
- height: 视频高度
- ratio: 视频比例,默认
16:9
示例
宽频视频
输入:
@[youtube](0JJPfz5dg20)
输出: