Video

[vc_column width=”3/4″ el_position=”first”] [mk_fancy_title tag_name=”h1″ style=”false” color=”#333333″ size=”32″ font_weight=”300″ margin_top=”0″ margin_bottom=”20″ font_family=”none” align=”left” width=”1/1″ el_position=”first last”]

Share your videos.

[/mk_fancy_title] [vc_column_text disable_pattern=”false” align=”left” margin_bottom=”41″ p_margin_bottom=”0″ width=”1/1″ el_position=”first last”]

Take advantage of video shortcode to manage your videos easier. Your visitors can play any number of videos from both youtube and vimeo. You can also display your own self hosted HTML 5 videos as well.

[/vc_column_text] [vc_video title=”Video from vimeo” link=”http://vimeo.com/67710268″ width=”5/6″ el_position=”first last”] [mk_padding_divider size=”30″ width=”1/1″ el_position=”first last”] [vc_video title=”Video from vimeo” link=”http://www.youtube.com/watch?v=NoVW62mwSQQ&feature=player_detailpage” width=”5/6″ el_position=”first last”] [mk_padding_divider size=”30″ width=”1/1″ el_position=”first last”] [mk_fancy_title tag_name=”h1″ style=”true” color=”#393836″ size=”14″ font_weight=”bold” margin_top=”0″ margin_bottom=”20″ font_family=”none” align=”left” width=”1/1″ el_position=”first last”]

Display in different widths

[/mk_fancy_title] [vc_video link=”http://www.youtube.com/watch?feature=player_detailpage&v=VpZmIiIXuZ0″ width=”1/3″ el_position=”first”] [vc_video link=”http://vimeo.com/67798936″ width=”1/2″ el_position=”last”] [/vc_column] [vc_column width=”1/4″ el_position=”last”] [mk_custom_sidebar sidebar=”Shortcodes” width=”1/1″ el_position=”first last”] [/vc_column] [mk_page_section border_color=”#00b89a” bg_color=”#00b89a” attachment=”scroll” enable_3d=”false” speed_factor=”0″ section_layout=”full” sidebar=”Shortcodes” min_height=”100″ inner_padding=”50″ margin_bottom=”0″ last_page=”true” width=”1/1″ el_position=”first last”] [mk_icon_box title=”Multiple widths” text_size=”16″ font_weight=”inhert” icon=”moon-arrow-3″ style=”simple_ultimate” icon_size=”medium” icon_location=”left” circled=”false” icon_color=”#46525e” icon_circle_color=”#0bb697″ box_blur=”false” title_color=”#ffffff” txt_color=”#404b57″ margin=”0″ width=”1/2″ el_position=”first”]

Video elements are column based. It means you can adjust the width for each video on the page.

[/mk_icon_box] [mk_icon_box title=”Responsive videos” text_size=”16″ font_weight=”inhert” icon=”moon-mobile-2″ style=”simple_ultimate” icon_size=”medium” icon_location=”left” circled=”false” icon_color=”#46525e” icon_circle_color=”#0bb697″ box_blur=”false” title_color=”#ffffff” txt_color=”#404b57″ margin=”0″ width=”1/2″ el_position=”last”]

You do not need to worry about how your videos will look like on mobile devices. All video elements in jupiter have been tested in various screen resolution to get more mobile friendly across a wide range of touch devices.

[/mk_icon_box] [/mk_page_section]

Leave a Reply