REA Sticky Video is a widget that allows you to add a video and make its position sticky on scrolling the page.
Content #
Sticky Options #
- Sticky – Enable/Disable the sticky feature.
- Position – Select the sticky position for the video. This setting will be available if Sticky is enabled.
Video #
- Source – Select the source for the video. Available options are Youtube, Vimeo, and Self Hosted.
- Link – Link for the video. This setting will be available if Source is selected to be Youtube or Vimeo.
- Choose File – Add the video from the media library. This setting will be available if Source is selected to be Self Hosted.
- Start Time – Start time(in seconds) for the video, i.e. from which time the video should start playing. This setting will only be available if Source is selected to be Self Hosted.
- End Time – End time(in seconds) for the video, i.e. at which time the video should stop. This setting will only be available if Source is selected to be Self Hosted.
- Autoplay – Whether the video should start playing or not when the page loads.
- Mute – Whether the video should be muted or not by default.
- Loop – Whether the video should be played in a loop or not.
- Show Bar – Whether the controls bar should be displayed or not.
Image Overlay #
- Image Overlay – Show/Hide the image overlay for the video.
- Choose Image – Add the image from the media library that is to be displayed as the image overlay.
- Image Size – Set the overlay image’s size.
- Play Icon – Show/Hide play icon.
- Choose Icon – Add a custom icon for the play icon from the icon library.
Style #
Sticky Video Interface #
- Width – Set the width of the sticky video interface.
- Height – Set the height of the sticky video interface.
- Scroll Height To Display Sticky (%) – Set the scroll height from which onwards the video will be positioned sticky.
- Close Button Color – Set the color for the close button of the sticky video.
Player #
- Width – Set the width of the video player when in normal position.
- Border – Set the border styles for the video player.
- Border Radius – Set the border radius for the video player.
Interface #
- Interface Color – Set the interface color of the sticky video player.
- Play Button Size – Set the play button size of the sticky video player.
Bar #
- Bar Padding – Set the video controls bar padding.
- Bar Margin – Set the video controls bar margin.