Video

The video shortcode [ll-video], allows you to embed a video in a Learning lab page. A variety of aspect ratios are available.

Basic video

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec gravida lorem. Maecenas urna turpis, mollis nec pharetra at, eleifend sit amet dolor. Ut blandit ac nunc sed interdum. Aliquam risus felis, congue eget commodo in, consectetur eget tortor. Donec vitae massa eros.

Praesent sem metus, lobortis et sapien quis, malesuada egestas enim. Donec ac arcu sit amet ligula pharetra dapibus. In sapien lorem, tincidunt ut lobortis at, sagittis consequat tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices.

[ll-video url="https://path.to/video-embed"][transcript]<p>Transcript content here.</p>[/transcript][/ll-video]

url should either be in the form https://www.youtube.com/embed/video-id or https://youtu.be/video-id (as provided by the share button in youTube).
Each video has a margin of 40px applied top and bottom.
The max width for videos is 640px.
The max width for portrait videos is 400px.
Videos are aligned to the left by default.
All videos should include a transcript.

Video options

Use align="center" or align="centre" to centre the video.
Use caption="Insert caption here." to add a caption.
Use alert="Insert alert here." to add an alert bar.

Warning! This video features an alert banner. Tread warily.

This is an example caption

[ll-video url="https://path.to/video-embed" align="centre" caption="Insert caption here." alert="Alert message here"][transcript]<p>Transcript content here.</p>[/transcript][/ll-video]

Portrait video

Use portrait="true" to display a portrait video. The max width for portrait videos is 400px. The default aspect ratio is 16:9.

[ll-video url="https://path.to/video-embed" portrait="true"][transcript]<p>Transcript content here.</p>[/transcript][/ll-video]

Other aspect ratios

This is a 3:2 video

<!-- This is a 3-2 video -->
[ll-video url="https://path.to/video-embed" aspect="3-2"][transcript]<p>Transcript content here.</p>[/transcript][/ll-video]

This is a 4:3 video

<!-- This is a 4-3 video -->
[ll-video url="https://path.to/video-embed" aspect="4-3"][transcript]<p>Transcript content here.</p>[/transcript][/ll-video]

This is a square video

<!-- This is a square video -->
[ll-video url="https://path.to/video-embed" aspect="square"][transcript]<p>Transcript content here.</p>[/transcript][/ll-video]

Keywords

Documentation

Learning Lab homepage