# Features

# Lights, Camera, Action!

Ready to impress your users with video prowess? ng-plyr has got your back! With its array of features, you're in control:

🎬 Video Playback Control: Control your video's destiny with essential actions like play, pause, seek, volume control, and more, all within your reach!

📺 HTML5 Media Format Support: ng-plyr embraces all media formats supported by the HTML5 player, ensuring compatibility and a seamless user experience.

🔄 Loop It Up: Loop through a single media or your entire playlist to keep the fun going indefinitely!

🔢 Speed It Up: Change the playback speed, giving your users the option to watch videos at their desired pace.

📱 Picture-in-Picture (PIP): ng-plyr brings the PIP magic, allowing your users to enjoy videos while multitasking. Productivity has never been this entertaining!

📺 Chromecast Support: Elevate the viewing experience by casting videos to Chromecast-enabled devices. And guess what? The local player becomes the remote control for the casted media! How cool is that?

# Customization Galore!

Make ng-plyr truly yours! Customize its look and feel effortlessly by updating various CSS variables to blend harmoniously with your application's design and theme.

Learn more on that in Customization guide.

# Feature checklist

# For end users

  • Shortcuts available for different buttons
  • Can switch to PIP and Fullscreen
  • Double tap to seek back/forward
  • Shows buffer status on timeline
  • Autofetch Video metadata
  • Change playback speed
  • Seek to specific time by clicking on timeline
  • Control for media volume
  • Show loading animation on buffering
  • Play Next/Prev media
  • Button for looping
  • Show media title
  • Cast to other devices
  • While casting local player acts as remote
  • Playing audio
  • Switch for autoplay

# Controls available for Developers

  • Provide media src
  • Custom loading image can be set
  • Bookmarks can be shown on timeline
  • Looping the same media
  • Provide more controls like volume, playfrom, loop etc.
  • Emit events from ng-plyr: ended, playing, paused, volumechange, fullscreen etc.
  • Playlist support
  • Access to Player methods: play, pause, next, prev etc.
  • Cast service methods are accessible
  • Player theme can be customised
  • Hide controls
  • Multiple media sources
  • Hover to play media thumnails
  • Show bookmark text on hovering a bookmark
  • Show image previews on hovering timeline