Getting Started
Overview
Installation
Theme
Forms
Basic Inputs
Select
Custom Inputs
Components
Navigation
Components
68
Micro Charts
Libraries
Kanban Board
Image Designer
Video Player
Visual Builder
Content Editor
Data View
Purchase

Video Viewer

VideoViewer opens a video in a focused overlay or lightbox above the current page. Use it when a thumbnail, preview card, or compact inline player should open a larger viewing experience with a close control, optional title, caption, description, and playback controls. Use VideoPlayer when video should stay inline in the page layout.

Key Features:
  • Opens video previews in a full-screen overlay.
  • Supports plain or templated title, caption, and description content.
  • Passes orientation and playback options to the underlying VideoPlayer.
  • Works well with cards, grids, carousels, media libraries, and attachment previews.

Compose preview layouts with Card, Grid, Carousel, or your own layout. VideoViewer is not a generic modal, form dialog, or carousel by itself.

The NgStarter Angular Video Viewer component lets you open videos in a focused overlay or lightbox above the current page. Use VideoViewer when a thumbnail, preview card, compact inline player, attachment, gallery item, or media library item should open a larger focused video viewing experience. It includes examples for Basic Video Viewer.

Basic Video Viewer

Use ngsVideoViewer on the preview container and ngsVideoViewerVideo on each clickable video preview. Clicking a preview opens the source in a focused overlay while keeping the preview layout separate from playback.