Media Video Micromodal

This module uses the micromodal.js library to generate modal popup for remote videos from the media module. Specifically works with core media oembed remote videos, that have the "field_media_oembed_video" field for the remote video URL. You may attach the modal to the thumbnail generated by the oembed remote video, a custom uploaded thumbnail, the video name or video caption or custom link text.

Project Page: https://www.drupal.org/project/media_video_micromodal

Instructional Videos (Playlist): https://www.youtube.com/playlist?list=PLivmB4CQOsKGVmZUcFU_6U1hudHBPiy7S

Thumbnail - Default

To display the video thumbnail linking to the modal.

Thumbnail - Custom

Instead of using the oembed thumbnail you can use a custom thumbnail that is set on the remote video.

Text - Media Name

To display the media name linking to the modal.

Text - Caption (custom per media)

You can customize the text for each individual media by using the caption field.

Text - Link Text (custom per display)

You can also set the link text custom per display mode.

Working with CKEditor

It's easy to use the MVM formatter inside CKEditor, but needs some setup to accomplish this.

Working with Views

It's easy to work with views by displaying the rendered entity.

About micromodal.js

Lightweight, configurable and a11y-enabled modal library written in pure JavaScript.

Guide maintainers

scott_earnest's picture