Moodle Bunny Grid Generator v2

1 · Your videos

Bunny library ID *

The number in your embed URL: iframe.mediadelivery.net/embed/LIBRARY_ID/video-id

Pull-zone hostname (optional — for real thumbnails in popup mode)

From Bunny Stream → your library → API/CDN hostname. If left blank, popup tiles show a branded card instead of the video poster.

Video IDs — one per line

Anything after | (or the first comma) becomes the tile caption.

0 videos detected

2 · Layout & playback

Playback mode

Popup: grid of posters → click opens one player in an overlay → close stops it. Needs Trusted Content enabled (see note below).

Columns

Fixed — exactly this many per row, the rest wrap to the next row. (This is the fix for the side-by-side issue.)

Aspect ratio

Gap (px)

Lazy-load tiles

Show captions under tiles

Close Popup when clicking outside

Close Popup when pressing Esc key

3 · Paste this into Moodle

Open the source code view (<> in Atto, or Tools → Source code in TinyMCE), paste, save. Re-open source once to confirm it survived.

<!-- Your grid will appear here -->

To make the popup work: Site administration → Security → Site security settings → tick Enable trusted content and save. Your teacher/manager role already has the permission, so paste this in source mode and it won't be stripped. Bulletproof alternative: save the downloaded .html on your own server (you've got the Linode VPS) and embed it in the page with a single <iframe> — then no Moodle setting is needed at all.

Live preview

In popup mode the tiles below are clickable — try one. (Tiles load real content only with a valid library ID.)

Enter a library ID and at least one video ID.