Heading text
Easily show your videos on a page or in a lightbox.
[vc_rendr_video_player style=”default” skin=”light_color” hover=”up” radius=”30″ media=”youtube” youtube=”lkQTe0Wdo2k” poster=”10957″ 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“:““,“color“:““}}” button_color=”{“solid“:{“id“:“Main accent color“,“color“:“#fb9272“}}”][/vc_rendr_video_player]
Heading text
Add a video from the most popular video hosting services – YouTube and Vimeo, or use a self-hosted video file.
Heading text
You can have your video play in an inline frame like the one above, or in a lightbox like the next one.
[vc_rendr_video_player style=”lightbox” skin=”dark_color” hover=”scale” radius=”12″ media=”vimeo” vimeo=”116214074″ poster=”10960″ 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)“}}” button_color=”{“solid“:{“id“:“Dark color“,“color“:“#1b192a“}}”]Play[/vc_rendr_video_player]
[vc_rendr_video_player style=”default” skin=”light_color” hover=”right” radius=”40″ media=”selfhosted_video” selfhosted_video=”https://themes.whiteboxstud.io/rendr-demo/wp-content/uploads/2017/12/bokeh.mp4″ poster=”10962″ 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“:“Overlay color“,“color“:“rgba(15,18,28,0.2)“}}” button_color=”{“solid“:{“id“:“custom_color“,“color“:“rgba(109,198,84,1)“}}”]evergreen[/vc_rendr_video_player]
Heading text
Choose one of the available cool hover animations, and set your own color of the overlay and the play button.
Heading text
Both video and the poster are lazy loaded on demand, which improves the page load speed and saves bandwidth.
[vc_rendr_video_player style=”lightbox” skin=”dark_color” hover=”left” radius=”0″ 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=”{“solid“:{“id“:“custom_5686343055316235“,“color“:“#6541b5“}}” button_color=”{“solid“:{“id“:“Main accent color“,“color“:“#fb9272“}}”]playback[/vc_rendr_video_player]