How can we help?

Play Button

• Icon Choice: Choose from different play icons to match your style.

• Color: Customize the color of the play icon.

• Size: Adjust the size of the icon for better visibility.

Progress Bar

• Line and Handle Colors: Select colors for the progress line and handle.

• Height and Radius: Adjust the thickness and corner radius of the progress bar.

• Played and Unplayed Colors: Set different colors for the played and unplayed sections of the bar.

• Thickness: Control the overall thickness of the bar.

• Prefix and Suffix: Add text before or after the time display.

• Font Color: Choose a color for the time display font.

• Icon Radius and Border: Adjust the icon's corner radius and add borders if needed.

Video Time Label

• Current Time or Duration: Choose to display either the current time or total duration.

• Font Colors: Set the font colors for better contrast.

Volume Control

• Icon Choice: Select from different volume icons.

• Color: Adjust the color to match your theme.

• Size: Change the size of the volume control icons.

Restart Button

• Icon Choice: Customize with different restart icons.

• Color and Size: Modify the color and size to fit your player design.

Playback Speed

• Speed Options: Set different playback speeds for the video.

• Styling: Customize the appearance of speed controls.

Picture in Picture

• Icon Choice: Choose an icon for picture-in-picture mode.

• Color and Size: Adjust these to suit your design.

Full-Screen Mode

• Icon Choice: Pick a full-screen icon that complements your player.

• Color and Size: Personalize the color and size.

Skip Forward and Backward

• Time Adjustment: Set how much time to skip forward or backward.

• Icon Colors: Customize the colors for a cohesive look.

Toggle Button

• Button Front: Style the front of the toggle button.

• Icon Colors and Sizing: Adjust the colors and size of the icons.

Mute Button

• Icons and Colors: Select icons and customize colors for the mute button.

Action Customization

You can also change the actions of each component in the dropdown menu found in the assets menu, providing you with even more control over how your video player behaves.

Ready to Customize?

Get creative and make your video player truly yours! If you have any questions or need assistance, feel free to reach out. Enjoy designing your perfect video player with VideoFrame in Framer!