Hugo YouTube 短代碼
使用 youtube 短代碼在你的內容中嵌入 YouTube 視頻。
要覆蓋 Hugo 內置的 youtube 短代碼,請將 源代碼 復制到 layouts/_shortcodes 目錄中同名文件中。
示例
要顯示具有此 URL 的 YouTube 視頻:
https://www.youtube.com/watch?v=0RKpf3rK57I在你的 Markdown 中包含此內容:
{{< youtube 0RKpf3rK57I >}}
Hugo 渲染為:
參數
- id
- (
string) 視頻id。如果id是第一個且唯一的位置參數,則為可選。 - allowFullScreen
- (
bool)iframe元素是否可以激活全屏模式。默認值為true。 - autoplay
- (
bool) 是否自動播放視頻。強制將mute設置為true。默認值為false。 - class
- (
string) 包裹div元素的class屬性。指定後,從iframe元素及其包裹的div元素中刪除style屬性。 - controls
- (
bool) 是否顯示視頻控件。默認值為true。 - end
- (
int) 從視頻開始算起的時間(以秒為單位),播放器應在此時停止播放視頻。 - loading
- (
string)iframe元素的 loading 屬性,eager或lazy。默認值為eager。 - loop
- (
bool) 是否無限重復播放視頻。第一次播放後忽略start和end參數。默認值為false。 - mute
- (
bool) 是否將視頻靜音。當autoplay為true時始終為true。默認值為false。 - start
- (
int) 從視頻開始算起的時間(以秒為單位),播放器應從此處開始播放視頻。 - title
- (
string)iframe元素的title屬性。默認值為 “YouTube video”。
以下是使用一些可用參數的示例:
{{< youtube id=0RKpf3rK57I start=30 end=60 loading=lazy >}}隱私
在你的站點配置中調整相關的隱私設置。
privacy:
youTube:
disable: false
privacyEnhanced: false
[privacy]
[privacy.youTube]
disable = false
privacyEnhanced = false
{
"privacy": {
"youTube": {
"disable": false,
"privacyEnhanced": false
}
}
}
- disable
- (
bool) 是否禁用短代碼。默認值為false。 - privacyEnhanced
- (
bool) 是否阻止 YouTube 在用戶播放嵌入視頻之前在你的網站上存儲訪客信息。默認值為false。