视频

Overview|概述

您可以使用{{< video >}}简码在文档中嵌入视频。例如,这里我们嵌入了一段 YouTube 视频:

{{< video https://www.youtube.com/embed/wo9vZccmqwc >}}

视频可以是视频文件(如.mp4),也可以是 YouTube、Vimeo 或 Brightcove 上发布的视频链接。

以下是使用各种视频源和选项的其他示例:

{{< video local-video.mp4 >}}

{{< video https://www.youtube.com/embed/wo9vZccmqwc >}}

{{< video https://vimeo.com/548291297 >}}

{{< video https://youtu.be/wo9vZccmqwc width="400" height="300" >}}

{{< video https://www.youtube.com/embed/wo9vZccmqwc
    title="What is the CERN?"
    start="116"
    aspect-ratio="21x9" 
>}}

在 HTML 格式中,视频将嵌入文档中。对于其他格式,将呈现一个简单的视频链接。

接下来,我们将介绍视频嵌入的各种可用选项。有关在 Revealjs 演示中使用视频的其他详细信息(包括如何创建全屏视频背景的幻灯片),请参阅下面的 Revealjs 部分。

Video URL|视频路径

视频 URL 可以指定文档旁视频文件(如.mp4)的路径、视频文件的远程 URL 或视频服务(YouTube、Vimeo 或 Brightcove)的 URL。

这些都是视频文件的有效 URL:

{{< video local-video.mp4 >}}
{{< video https://videos.example.com/video.mp4 >}}

视频服务支持多种 URL 格式。例如,以下视频服务 URL 均有效:

{{< video https://youtu.be/wo9vZccmqwc >}}
{{< video https://www.youtube.com/watch?v=wo9vZccmqwc >}}
{{< video https://www.youtube.com/embed/wo9vZccmqwc >}}
{{< video https://vimeo.com/548291297 >}}
{{< video https://players.brightcove.net/1460825906/default_default/index.html?videoId=5988531335001 >}}

请注意,YouTube 视频既支持观看视频时地址栏中可用的 URL,也支持用于链接和嵌入的标准 URL。Brightcove 视频使用标准iframe embed code嵌入。

Options|选项

Aspect Ratio|高宽比

视频会使用文档主文本列的全宽自动呈现。宽高比指定了高度随宽度变化而变化的方式。例如:

{{< video https://youtu.be/wo9vZccmqwc aspect-ratio="4x3" >}}

可用的 宽高比 包括 1x14x316x9(默认)和 21x9

Width and Height|宽度和高度

您可以通过提供明确的 widthheight 属性来禁用响应式大小。例如:

{{< video https://youtu.be/wo9vZccmqwc width="250" height="175" >}}

这将产生一个按指定尺寸渲染的视频,但不是响应式的。请注意,如果未指定 “高度”或 “宽度”,视频将根据可用空间大小进行调整。

Start Time|开始时间

对于 YouTube 视频,您可以指定一个 start 选项,用于指示视频开始播放的秒数:

{{< video https://youtu.be/wo9vZccmqwc start="10" >}}

Frame Title|框架标题

title选项会为视频”