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.