https://github.com/tobilen/clappr-responsive-container-plugin
A plugin for clappr which will resize the container to never be larger than current viewport width
https://github.com/tobilen/clappr-responsive-container-plugin
Last synced: 8 months ago
JSON representation
A plugin for clappr which will resize the container to never be larger than current viewport width
- Host: GitHub
- URL: https://github.com/tobilen/clappr-responsive-container-plugin
- Owner: tobilen
- License: mit
- Created: 2016-11-05T17:16:35.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2018-02-09T12:09:04.000Z (over 8 years ago)
- Last Synced: 2024-10-05T07:32:53.449Z (over 1 year ago)
- Language: JavaScript
- Size: 24.4 KB
- Stars: 2
- Watchers: 1
- Forks: 4
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Clappr Responsive Container Plugin
A plugin for clappr which will resize the container to never be larger than the current viewport width.
# Usage
Add both Clappr and this plugin scripts to your HTML:
```html
```
You can also find the project on npm: https://www.npmjs.com/package/clappr-responsive-container-plugin
Then just add `ResponsiveContainer` into the list of plugins of your player instance as shown below.
```javascript
var player = new Clappr.Player({
source: "http://your.video/here.mp4",
plugins: {
container: [ResponsiveContainer]
}
});
```
# Demo
To run the demo start a web server with the root directory being the root of this repo, and then browse to the "index.html" file in the "demo" folder.
# Development
Install dependencies:
`npm install`
Build:
`npm run build`
Minified version:
`npm run release`
# Thanks
This repository was based off of tjenkinson's thumbnails plugin: https://github.com/tjenkinson/clappr-thumbnails-plugin