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 webSet 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 heightAdvanced 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/imageSet 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 lookBottom margin
You can set different bottom margins for different elements / shortcodesClone shortcode
Once you are happy with the looks of your shortcode, you can clone it and use it somewhere else