HUGO
Menu
GitHub 87548 stars Mastodon

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 屬性,eagerlazy。默認值為 eager
loop
(bool) 是否無限重復播放視頻。第一次播放後忽略 startend 參數。默認值為 false
mute
(bool) 是否將視頻靜音。當 autoplaytrue 時始終為 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

Last updated: January 1, 0001
Improve this page