[vc_heading heading_text=”Video Player” heading_wrapper=”h1″ heading_color=”{“solid“:{“id“:“custom_8548853511531338“,“color“:“#f3f4f5“}}” heading_typography=”{“variants“:“700“,“transform“:“uppercase“,“font_size“:“30px“}” responsiveness=”yes” tablet_portrait=”90″ mobile_landscape=”85″ mobile_portrait=”75″ css_animation=””]
[vc_text_element typography=”{“variants“:“300“,“font_size“:“20px“}” disable_margin=”yes” css_animation=”” color=”{“id“:“custom_3715609566673309“,“color“:“#ffffff“}”]Easily show your videos on a page or in a lightbox.[/vc_text_element]
[vc_section_divider style=”layered-6″ height=”100″ responsiveness=”yes” tablet_landscape=”100″ tablet_portrait=”60″ mobile_landscape=”0″ mobile_portrait=”0″ color=”{“id“:“custom_1334459184315555“,“color“:“rgba(255,255,255,1)“}”]
[vc_scape_video_player style=”default” skin=”light” hover=”up” radius=”8″ media=”youtube” youtube=”lkQTe0Wdo2k” poster=”452″ preloader=”” css_animation=”wtbx-anim-left-to-right-small” css_animation_easing=”wtbx_easing-natural” css_animation_duration=”wtbx-duration-1000″ css_animation_delay=”” overlay_color=”{“solid“:{“id“:“custom_color“,“color“:“rgba(38,46,62,0.3)“}}”]
[vc_heading heading_text=”Different video sources” heading_wrapper=”h5″ alignment=”align_left” heading_typography=”{“variants“:“600“,“font_size“:“24px“}” css_animation=””]
[vc_text_element typography=”{“font_size“:“18px“}” css_animation=””]Add a video from the most popular video hosting services – YouTube and Vimeo, or use a self-hosted video file.[/vc_text_element]
[vc_heading heading_text=”Different playback types” heading_wrapper=”h5″ alignment=”align_left” heading_typography=”{“variants“:“600“,“font_size“:“24px“}” css_animation=””]
[vc_text_element typography=”{“font_size“:“18px“}” css_animation=””]You can have your video play in an inline frame like the one above, or in a lightbox like the next one.[/vc_text_element]
[vc_scape_video_player style=”lightbox” skin=”light_color” hover=”scale” radius=”8″ media=”vimeo” vimeo=”116214074″ poster=”450″ preloader=”” css_animation=”wtbx-anim-right-to-left-small” css_animation_easing=”wtbx_easing-natural” css_animation_duration=”wtbx-duration-1000″ css_animation_delay=”” overlay_color=”{“solid“:{“id“:“Overlay color“,“color“:“rgba(25,32,50,0.6)“}}”]
[vc_scape_video_player style=”default” skin=”light_color” hover=”right” radius=”8″ media=”selfhosted_video” selfhosted_video=”https://conquestcapital.co.ke/websites/fstc/wp-content/uploads/2017/12/bokeh.mp4″ poster=”429″ preloader=”” css_animation=”wtbx-anim-left-to-right-small” css_animation_easing=”wtbx_easing-natural” css_animation_duration=”wtbx-duration-1000″ css_animation_delay=”” overlay_color=”{“dir“:“ellipse at center“,“from“:{“id“:““,“color“:““},“to“:{“id“:“Overlay color“,“color“:“rgba(25,32,50,0.6)“}}” button_color=”{“dir“:“to right“,“from“:{“id“:“Main accent color“,“color“:“#4970ff“},“to“:{“id“:“custom_color“,“color“:“rgba(255,65,140,1)“}}”]
[vc_heading heading_text=”Customizable appearance” heading_wrapper=”h5″ alignment=”align_left” heading_typography=”{“variants“:“600“,“font_size“:“24px“}” css_animation=””]
[vc_text_element typography=”{“font_size“:“18px“}” css_animation=””]Choose one of the available cool hover animations, and set your own color of the overlay and the play button.[/vc_text_element]
[vc_heading heading_text=”Lazy loading” heading_wrapper=”h5″ alignment=”align_left” heading_typography=”{“variants“:“600“,“font_size“:“24px“}” css_animation=””]
[vc_text_element typography=”{“font_size“:“18px“}” css_animation=””]Both video and the poster are lazy loaded on demand, which improves the page load speed and saves bandwidth.[/vc_text_element]
[vc_scape_video_player style=”lightbox” skin=”dark_color” hover=”left” radius=”16″ media=”vimeo” vimeo=”116214074″ preloader=”” css_animation=”wtbx-anim-right-to-left-small” css_animation_easing=”wtbx_easing-natural” css_animation_duration=”wtbx-duration-1000″ css_animation_delay=”” overlay_color=”{“dir“:“135deg“,“from“:{“id“:“custom_color“,“color“:“#ffd3a5“},“to“:{“id“:“custom_color“,“color“:“rgba(253,101,133,1)“}}” button_color=”{“solid“:{“id“:“custom_color“,“color“:“rgba(253,93,123,1)“}}”]