[alert-info]
This is an example page of shortcodes. You don’t have memorize this codes. Adding shortcodes via included shortcodes manager is very simple.
[/alert-info]
[alert-alert]
All video shortcodes can have width in „px“ and also in „%“! It’s mean that you don’t have calculate you width. For example, if you use video shortcode in columns, just enter 100% of width and it’s calculate automatic for any template layout style! For height we reccomend use size in „px“.
[/alert-alert]
[h2]Youtube video[/h2]
[youtube id=“CAlkmo0hK0k“ width=“100%“ height=“390px“]
[youtube id="CAlkmo0hK0k" width="100%" height="390px"]
[hr]
[h2]Vimeo video[/h2]
[vimeo id=“13526349″ width=“100%“ height=“365px“]
[vimeo id="13526349" width="100%" height="365px"]
[hr]
[h2] Some examples in columns [/h2]
[one_half]
[h3]Pirates 5[/h3]
[youtube id=“ogQTCw3569Y“ width=“100%“ height=“240px“]
Ut wisi enim ad minim veniam, quis nostrud exerci tation
[/one_half]
[one_half_last]
[h3]Batman 3 trailer[/h3]
[youtube id=“WcEewWXk4sA“ width=“100%“ height=“240px“]
Ut wisi enim ad minim veniam, quis nostrud exerci tation
[/one_half_last]
[one_half]
[h3]Pirates 5[/h3]
[youtube id="ogQTCw3569Y" width="100%" height="240px"]
Ut wisi enim ad minim veniam, quis nostrud exerci tation
[/one_half]
[one_half_last]
[h3]Batman 3 trailer[/h3]
[youtube id="WcEewWXk4sA" width="100%" height="240px"]
Ut wisi enim ad minim veniam, quis nostrud exerci tation
[/one_half_last]
[hr]
[two_thirds]
[h3]Pirates 5[/h3]
[youtube id=“ogQTCw3569Y“ width=“100%“ height=“280px“]
Ut wisi enim ad minim veniam, quis nostrud exerci tation
[/two_thirds]
[two_thirds_last]
[h3]More [/h3]
[youtube id=“WcEewWXk4sA“ width=“100%“ height=“136px“]
[vimeo id=“13526349″ width=“100%“ height=“140px“]
[/two_thirds_last]
[two_thirds]
[h3]Pirates 5[/h3]
[youtube id="ogQTCw3569Y" width="100%" height="280px"]
Ut wisi enim ad minim veniam, quis nostrud exerci tation
[/two_thirds]
[two_thirds_last]
[h3]More [/h3]
[youtube id="WcEewWXk4sA" width="100%" height="136px"]
[vimeo id="13526349" width="100%" height="140px"]
[/two_thirds_last]