Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/zenoo/video-input-preview

Display a preview for your video inputs
https://github.com/zenoo/video-input-preview

preview video video-input

Last synced: about 1 month ago
JSON representation

Display a preview for your video inputs

Awesome Lists containing this project

README

        

# Video Input Preview ([Demo](https://jsfiddle.net/Zenoo0/zhpbtko9/))

Display a preview for your video inputs easily

### Doc

* **Installation**

Simply import video-input-preview into your HTML.
```

```
* **Documentation**

See the offical [documentation](https://zenoo.github.io/video-input-preview/VideoInputPreview.html) for more in-depth informations.

* **How to use**

You can either use data attributes or the `VideoInputAttribute` class to initialyze your inputs:
```

// OR
let preview = new VideoInputPreview(input, {
preview: 'https://link.to.your/preview.mp4', // Optional | Preview displayed
uploadIcon: 'https://link.to.your.upload/icon.png', // Optional | Icon used when no preview is displayed
lang: 'en', // Optional | Language used
dictionary: null // Optional | Allow for custom language
});
```

* **Methods**

See the [documentation](https://zenoo.github.io/video-input-preview/VideoInputPreview.html) for the method definitions.

* **Example**

See this [JSFiddle](https://jsfiddle.net/Zenoo0/zhpbtko9/) for a working example

## Authors

* **Zenoo** - *Initial work* - [Zenoo.fr](http://zenoo.fr)