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 URLhttps://youtu.be/dQw4w9WgXcQ
- Shortened URLhttps://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 URLhttps://player.vimeo.com/video/94502406
- Embed URL
- 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.
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>