GLightbox

GLightbox is a pure javascript lightbox (Colorbox alternative without jQuery). It can display images, iframes, inline content and videos with optional autoplay for YouTube, Vimeo and even self-hosted videos:
https://biati-digital.github.io/glightbox/

GLightbox Drupal module contains only images field formatter. You can install GLightbox Media Video module to support YouTube, Vimeo, self-hosted videos:
GLightbox Media Video

To display remote images from Media Remote Image (images hosted at external URLs, without storing the image files in Drupal) in GLightbox, install the GLightbox Media Remote Image module. It supports gallery grouping, token captions and HTML descriptions, and remote images can share a gallery with local images and videos:
GLightbox Media Remote Image

For loading local videos, iframes, inline elements or AJAX content loading, you can use GLightbox Inline module.

Usage GLightbox Inline

• Enable GLightbox Inline module. No other options or configuration exist.
• Add the class `glightbox-inline` to an element and make href value a selector for the element you wish to open. Eg,
  <a class="glightbox-inline" href="#user-login">User Login</a> will open a popup with the first element with the id #user-login as the content.
• Optional add data-glightbox to the link to control the size of the modal window, for example data-glightbox="width: 700; height: auto".
• If you want to display page in popup, just add path in href attribute: href="https://www.drupal.org/node/42" or href="https://drupalbook.org"
• - You also can set href attribute with URL to video or image, for example: href="https://drupalbook.org/sites/default/files/video.mp4 or YouTube video href="https://youtu.be/g2coDPosRSs. Video will be playing automatically in popup.
• - See more examples here: https://biati-digital.github.io/glightbox/

Looking for Image gallery module? You can try these modules with GLightbox integration:

• Extra Block Types (EBT): Image Gallery
• Extra Paragraph Types (EPT): Image Gallery
• Extra Block Types (EBT): Image
• Extra Paragraph Types (EPT): Image

Looking for Video gallery module? You can try these modules with GLightbox integration:

• Extra Block Types (EBT): Video and Image Gallery
• Extra Paragraph Types (EPT): Video and Image Gallery
• Extra Block Types (EBT): Video
• Extra Paragraph Types (EPT): Video

Features

The GLightbox module:

- Works as a Formatter in entities and in views.
- Excellent integration with core image field and image styles and the Insert
module

The GLightbox plugin:

- Small - only 11KB Gzipped
- Fast and Responsive - works with any screen size
- Gallery Support - Create multiple galleries
- Response Images Support - Let the browser use
the optimal image for the current screen resolution
- Video Support - YouTube, Vimeo and self-hosted videos with autoplay
- Inline content support - display any inline content
- Iframe support - need to embed an iframe? no problem
- Keyboard Navigation - esc, arrows keys, tab and enter is all you need
- Touch Navigation - mobile touch events
- Zoomable images - zoom and drag images on mobile and desktop
- API - control the lightbox with the provided methods
- Themeable - create your skin or modify
the animations with some minor css changes