https://github.com/locksec/mediabox
https://github.com/locksec/mediabox
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/locksec/mediabox
- Owner: locksec
- License: mit
- Created: 2023-09-09T20:08:47.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-01-26T23:40:46.000Z (over 2 years ago)
- Last Synced: 2025-02-16T13:30:48.497Z (over 1 year ago)
- Language: JavaScript
- Size: 188 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# MediaBox JavaScript Library
## Overview
MediaBox is a minimalist yet potent JavaScript library that elevates media display experience. It's perfect for developers who need a light yet powerful media display tool. It supports a wide array of media types including images, videos, and iframes.
### Features
* Hover over image effect
* Video play button
* Opens media (E.g. YouTube video) in an overlay, blurring the background
* Automatically detects screen size, and scales the size of the media, which is ideal for mobile devices
* Complete with full CSS styling for an enhanced user experience
### Screenshots
## Demo
[Try it out for yourself!](https://rayheffer.github.io/mediabox/)
## 🚀 Quick Start
### 1. Hosting JavaScript and CSS yourself
To integrate MediaBox into your project, download the `mediabox-min.js` file and include it at the bottom of your HTML file, just before the `