Skip to content

An advanced video player designed for landing pages, featuring custom controls, restricted fast forwarding, rewind functionality, and a "fake" fullscreen mode to avoid native video player controls.

Notifications You must be signed in to change notification settings

ReactRuler/Advanced-Video-Player-for-Landing-Pages

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 

Repository files navigation

Advanced Video Player for Landing Pages

An advanced video player designed for landing pages, featuring custom controls, restricted fast forwarding, rewind functionality, and a "fake" fullscreen mode to avoid native video player controls.

Features

  • No Fast Forwarding: Users cannot fast forward the video, ensuring they watch the entire content.
  • Rewind: Users can rewind the video by 10 seconds.
  • Custom Controls: Custom play/pause, mute/unmute, volume control, and fullscreen buttons.
  • Fake Fullscreen Mode: Simulates fullscreen without triggering native fullscreen controls.
  • Overlay Messages: Initial mute notification and end-of-video replay option.
  • Finished Video Trigger: Functionality to trigger custom actions when the video ends.

Demo

Check out a live demo of the video player here.

Usage

To use this video player, simply include the provided HTML structure and associated CSS and JavaScript in your project.

Video Player

About

An advanced video player designed for landing pages, featuring custom controls, restricted fast forwarding, rewind functionality, and a "fake" fullscreen mode to avoid native video player controls.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages