瀏覽Hugo Video.js 模塊

配置 Hugo Video.js 模塊

2024年10月7日 2 分鐘閱讀 Video.js 模塊 視頻

學習如何配置 Hugo Video.js 模塊。

贊助

成為我們的資助者或贊助商，以支持我們的工作。

愛發電 GitHub 贊助商 PayPal
本頁內容
贊助商

站點參數

css_url

名稱上下文類型必填默認值版本示例
css_urlvideo_jsstring-https://unpkg.com/video.js/dist/video-js.min.css--

樣式 URL。

js_url

名稱上下文類型必填默認值版本示例
js_urlvideo_jsstring-https://unpkg.com/video.js/dist/video.min.js--

JavaScript URL。

lang_js_url

名稱上下文類型必填默認值版本示例
lang_js_urlvideo_jsstring-https://unpkg.com/video.js/dist/lang/%s.js--

本地化設置 URL，%s 作為語言的佔位符，請不要隨意更改。

playback_rates

名稱上下文類型必填默認值版本示例
playback_ratesvideo_jsarray-[0.5, 1, 1.5, 2]--

播放速度。

skip_forward

名稱上下文類型必填默認值版本示例
skip_forwardvideo_jsnumber----

快進的時間間隔，單位秒。

可選項：5, 10, 30。

skip_backward

名稱上下文類型必填默認值版本示例
skip_backwardvideo_jsnumber----

後退的時間間隔，單位秒。

可選項：5, 10, 30。

站點參數示例

hugo.yaml

 1params:
 2  video_js:
 3    css_url: https://unpkg.com/video.js/dist/video-js.min.css
 4    js_url: https://unpkg.com/video.js/dist/video.min.js
 5    lang_js_url: https://unpkg.com/video.js/dist/lang/%s.js
 6    playback_rates:
 7    - 0.5
 8    - 1
 9    - 1.5
10    - 2

hugo.toml

1[params]
2  [params.video_js]
3    css_url = 'https://unpkg.com/video.js/dist/video-js.min.css'
4    js_url = 'https://unpkg.com/video.js/dist/video.min.js'
5    lang_js_url = 'https://unpkg.com/video.js/dist/lang/%s.js'
6    playback_rates = [0.5, 1, 1.5, 2]

hugo.json

 1{
 2   "params": {
 3      "video_js": {
 4         "css_url": "https://unpkg.com/video.js/dist/video-js.min.css",
 5         "js_url": "https://unpkg.com/video.js/dist/video.min.js",
 6         "lang_js_url": "https://unpkg.com/video.js/dist/lang/%s.js",
 7         "playback_rates": [
 8            0.5,
 9            1,
10            1.5,
11            2
12         ]
13      }
14   }
15}

頁面參數

video_js

名稱上下文類型必填默認值版本示例
video_js-boolean-false--

表示當前頁面是否使用了 Video.js，以便加載 CSS 和 JS。

當使用短代碼時，你無需指定 video_js 參數，該模塊能正確識別頁面是否使用 Video.js。

開始使用
短代碼