浏览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。

开始使用
短代码