Video Banner Hero

[vc_row][vc_column width=”1/1″][im_hero display_type=”fullwidth” height=”470″ bg_attachment=”fixed” bg_parallax_v_speed=”-1″ bg_parallax_h_speed=”0″ bg_position=”center” bg_repeat=”repeat” bg_size=”100% 100%” class=”inverse” bgcolor_first=”#515151″ bg_video=”on” mp4=”http://s3560.cdn.gridbus.net/store/4e563b71ca562d5731ad94a208fa0af5/yeti08.mp4.mp4″ webm=”http://s3560.cdn.gridbus.net/store/4e563b71ca562d5731ad94a208fa0af5/yeti08.webmhd.webm” video_opacity=”0.7″ margins=”0″ padding=”20″ video_color_mask=”#000000″ volume=”0″][vc_row_inner][vc_column_inner width=”1/1″][im_separator class=”margin40″][vc_column_text]

Video Background

We created awesome Video Background features for Banner Hero shortcode. Now you may add one or more banners with self-hosted video. Movie will be played as background only in user view-port.

[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/4″][im_benefit animation=”bottom-to-top” class=”claen” title=”Quality” icon=”im-icon-stats-up” icon_form=”circle” icon_side=”left” iconcolor=”#ffffff” iconbgcolor=”#99bf38″]Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.[/im_benefit][im_separator class=”margin40″][/vc_column_inner][vc_column_inner width=”1/4″][im_benefit animation=”bottom-to-top” class=”claen” title=”Price” icon=”im-icon-cart-5″ icon_form=”circle” icon_side=”left” iconcolor=”#ffffff” iconbgcolor=”#99bf38″]Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, …[/im_benefit][im_separator class=”margin40″][/vc_column_inner][vc_column_inner width=”1/4″][im_benefit animation=”bottom-to-top” class=”claen” title=”Terms” icon=”im-icon-rocket” icon_form=”circle” icon_side=”left” iconcolor=”#ffffff” iconbgcolor=”#99bf38″]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt…[/im_benefit][im_separator class=”margin40″][/vc_column_inner][vc_column_inner width=”1/4″][im_benefit animation=”bottom-to-top” class=”claen” title=”Integrity” icon=”im-icon-shield” icon_form=”circle” icon_side=”left” iconcolor=”#ffffff” iconbgcolor=”#99bf38″]Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, …[/im_benefit][im_separator class=”margin40″][/vc_column_inner][/vc_row_inner][/im_hero][im_separator class=”margin40″][vc_column_text]

More Video

We created awesome Video Background features for Banner Hero shortcode. Now you may add one or more banners with self-hosted video. Movie will be played as background only in user view-port. To show you how it works, we have added another one clip below. Btw, you may enable movie sound simply by changing volume slider in Shortcode Options when editing options for Visual Composer shortcode.

Video Background Key Features

  • Add 1 and more video to your website.
  • Out-of-viewport pause.
  • Volume control.
  • Custom colour overlay.

[/vc_column_text][im_hero display_type=”fullwidth” height=”470″ bg_attachment=”fixed” bg_parallax_v_speed=”-1″ bg_parallax_h_speed=”0″ bg_position=”center” bg_repeat=”repeat” bg_size=”100% 100%” class=”inverse” bgcolor_first=”#515151″ bg_video=”on” mp4=”http://d3ktd9xw5s61ga.cloudfront.net/global/encoded-media/mp4_h264_854x480/lr15_low.mp4″ webm=”http://d3ktd9xw5s61ga.cloudfront.net/global/encoded-media/webm_480x270/lr15_low.webm” video_opacity=”0.7″ margins=”0″ padding=”20″ video_color_mask=”#000000″ volume=”0.1″][vc_row_inner][vc_column_inner width=”1/1″][im_separator class=”margin40″][vc_column_text]

Video Background

We created awesome Video Background features for Banner Hero shortcode. Now you may add one or more banners with self-hosted video. Movie will be played as background only in user view-port.

[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/4″][im_benefit animation=”bottom-to-top” class=”claen” title=”Quality” icon=”im-icon-stats-up” icon_form=”circle” icon_side=”left” iconcolor=”#ffffff” iconbgcolor=”#99bf38″]Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.[/im_benefit][im_separator class=”margin40″][/vc_column_inner][vc_column_inner width=”1/4″][im_benefit animation=”bottom-to-top” class=”claen” title=”Price” icon=”im-icon-cart-5″ icon_form=”circle” icon_side=”left” iconcolor=”#ffffff” iconbgcolor=”#99bf38″]Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, …[/im_benefit][im_separator class=”margin40″][/vc_column_inner][vc_column_inner width=”1/4″][im_benefit animation=”bottom-to-top” class=”claen” title=”Terms” icon=”im-icon-rocket” icon_form=”circle” icon_side=”left” iconcolor=”#ffffff” iconbgcolor=”#99bf38″]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt…[/im_benefit][im_separator class=”margin40″][/vc_column_inner][vc_column_inner width=”1/4″][im_benefit animation=”bottom-to-top” class=”claen” title=”Integrity” icon=”im-icon-shield” icon_form=”circle” icon_side=”left” iconcolor=”#ffffff” iconbgcolor=”#99bf38″]Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, …[/im_benefit][im_separator class=”margin40″][/vc_column_inner][/vc_row_inner][/im_hero][/vc_column][/vc_row]

Leave a Reply