Vimeo

Embed a Vimeo video in your content using the vimeo shortcode.

Example #

To display a Vimeo video with this URL:

https://vimeo.com/channels/staffpicks/55073825

Include this in your Markdown:

{{< vimeo 55073825 >}}

Hugo renders this to:

class: (string) The class attribute of the wrapping div element. Adding one or more CSS classes disables inline styling.
id: (string) The id of the Vimeo video
title: (string) The title attribute of the iframe element.

If you provide a class or title you must use a named parameter for the id.

{{< vimeo id=55073825 class="foo bar" title="My Video" >}}

Adjust the relevant privacy settings in your site configuration.

hugo.

privacy:
  vimeo: null

[privacy]

{
   "privacy": {
      "vimeo": null
   }
}

disable: (bool) Whether to disable the shortcode. Default is false.
enableDNT: (bool) Whether to block the Vimeo player from tracking session data and analytics. Default is false.
simple: (bool) Whether to enable simple mode. If true, the video thumbnail is fetched from Vimeo and overlaid with a play button. Clicking the thumbnail opens the video in a new Vimeo tab. Default is false.

The source code for the simple version of the shortcode is available [here].