REA Sticky Video

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.

Last updated