Video shortcode

Displays a video to your web page. You can embed any WordPress supported video - YouTube, Vimeo, DailyMotion, Hulu...

Examples of the video shortcode usage

We tried to cover all the basic and
advanced uses for the video shortcode

YouTube video in a full width column

Vimeo videos in a half width column.

DailyMotion videos in a three thirds column with descriptions.

Game of Thrones - Season 4

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis.

Breaking Bad Finale

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis.

Homeland Teaser Trailer

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis.

Videos in four columns set as a gallery

A game of chess

Rude awakening

Trapped

The hat trick

The Undertaker's coming

Barrel of the gun

Weekend in the mountains

Birds around an old dock

Video in a fullscreen column

Basic settings for video shortcode

Basic settings for your basic needs. Frontend builder gives the
user an option to create basic stuff with ease

Add a video

Paste an URL from any video hosting service on the web

Set full width

Instead of manually defining width, you can set the video to automatically expand to the full width of the column.

Set custom dimensions

You can choose to override the image dimensions and set your own. You can change the image width and height

Advanced settings for video shortcode

In case that you need something more creative and complex
Frontend builder has a set of advanced options to get you there

Set the video link

You can set the video link by inserting an URL to your destination page/image

Set full width

Instead of manually defining width, you can set the video to automatically expand to the full width of the column.

ID & Custom CSS

You can easily insert your own, custom CSS for that personalized look

Bottom margin

You can set different bottom margins for different elements / shortcodes

Clone shortcode

Once you are happy with the looks of your shortcode, you can clone it and use it somewhere else

Animation

You can easily animate each shortcode with tons of different animation types

Animation delay

All animations appear only when the user scrolls to the specific shortcode, you can set the delay for that

Animation speed

You can manually change the speed of each animation for each element / shortcode

Animation group

By placing different shortcodes in a group, all shortcodes in that group will animate once the user scrolls to the first element in the group

Drag & drop shortcode

You can move your shortcode to any column on the page by dragging that shortcode