Video

Processor name: video

You can include an video using the following text tag:

{video url="https://www.youtube.com/watch?v=dQw4w9WgXcQ"}

Required Tag Parameters

  • url - The video embed URL for the video. Currently only YouTube and Vimeo videos are supported.
    • For YouTube videos: Provide the URL in any of the following formats and Verto will automatically create the embed link. YouTube videos have related videos hidden at video end by default.
      • https://www.youtube.com/watch?v=dQw4w9WgXcQ - Standard URL
      • https://youtu.be/dQw4w9WgXcQ - Shortened URL
      • https://www.youtube.com/embed/dQw4w9WgXcQ - Embed URL
    • For Vimeo videos: Provide the URL in any of the following formats and Verto will automatically create the embed link.
      • https://vimeo.com/94502406 - Standard URL
      • https://player.vimeo.com/video/94502406- Embed URL

Optional Tag Parameters

  • title - The title text for the video.

The default HTML for a video is:

<div>
{% if title %}
<div class="video-title">{{ title }}</div>
{% endif %}
<iframe allowfullscreen='allowfullscreen' frameborder='0' src='{{ video_url }}'></iframe>
</div>

If the URL provided is YouTube video, the video identifier is extracted and is passed through the video-youtube.html template:

https://www.youtube.com/embed/{{ identifier  }}

If the URL provided is YouTube video, the video identifier is extracted and is passed through the video-vimeo.html template:

https://player.vimeo.com/video/{{ identifier  }}

Example

Using the following example tag:

{video url="https://www.youtube.com/watch?v=dQw4w9WgXcQ"}

The resulting HTML would be:

<div>
<iframe allowfullscreen="allowfullscreen" frameborder="0" src="https://www.youtube.com/embed/dQw4w9WgXcQ"></iframe>
</div>

Overriding HTML for Videos

When overriding the HTML for videos, the following Jinja2 placeholders are available:

  • {{ video_url }} - The URL of the video to be embedded.
  • {{ title }} - The title of the video.

In the video-youtube.html, the following Jinja2 placeholders are available:

  • {{ youtube_identifier }} - The identifer of the YouTube video to be embedded.

In the video-vimeo.html, the following Jinja2 placeholders are available:

  • {{ vimeo_identifier }} - The identifer of the Vimeo video to be embedded.

Example

For example, providing the following HTML for video-youtube.html:

https://www.youtube.com/embed/{{ identifier  }}?autoplay=1&loop=1

with the following tag:

{video url="https://youtu.be/Uw0PISu2pog"}

would result in:

<div>
<iframe allowfullscreen="allowfullscreen" frameborder="0" src="https://www.youtube.com/embed/Uw0PISu2pog"></iframe>
</div>