Video Player

Video Player is a JavaScript library for displaying videos in a lightweight and responsive manner.

Overview

The Video Player library provides customizable components and templates for embedding videos in your site or app. It is built on top of Vidstack Player, a modern, accessible alternative to JW Player and Video.js.

Getting Started

  1. Open the Insert MenuComponents.
  2. Drag in a VideoPlayer component.
  3. Set the src property to a video file or external link.
  4. (Optional) Add VideoPoster, VideoTrack, or other enhancements as needed.
  5. Remove or customize any parts of the player to suit your needs.

Templates

Simple Video Player

Includes:

  • Play/Pause
  • Mute/Unmute
  • Picture-in-Picture
  • Fullscreen
  • Poster image
  • Buffering indicator
  • Gesture support

Fully Featured Video Player

Includes everything from the Simple version, plus:

  • Captions
  • Caption settings
  • Chapters
  • Thumbnails
  • (Coming soon) Playback settings
  • (Coming soon) Quality settings

Use this template if you need advanced controls or want to extend from a richer base.

Become a Clutch Creator

Do you have project in Clutch that you want featured in our Marketplace?
Submit your requests to our Discord channel.

Go to Discord

© 2025 Clutch.io. All rights reserved.Privacy PolicyTerms and Conditions
Made in Clutch