Need help with video-input-js?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

175 Stars 9 Forks MIT License 14 Commits 0 Opened issues


video-input field to make video recording easy via client-side JS

Services available


Need anything else?

Contributors list

No Data

videoinput.js: client-side video input field with POST submissions

Video inputs can be a pain. This JS file creates a new HTML element that enables you to record video inputs and POST them directly to a URL. It is meant to act as a simple form-like interface for recording and submitting videos.

Currently this works on Firefox and Chrome. It does not require jQuery.

See a demo here.

Sample Code

This is meant to be as simple as possible. Below is a sample video input:

This will create a video input field 640px wide and 480px high, with the label "Please record your answer" above the video input. The field will enable you record for 3 seconds, and clicking "submit" will send the video to /r/upload.

Supported Attributes

Required fields are below: * id: the id of the element. Also used to name files and reference buttons within the field. * label: the instructions above or below the video input field. * action: the URL where the post request will be sent.

Optional fields are below: * vidwidth: video width in pixels * vidheight: video height in pixels * labelloc: the location of the label field. Use "top" or "bottom" to position the label. * maxtime: the maximum length of the recording in seconds.


This project is written by Wojciech Gryc at Phase AI. We're a team dedicated to making it easier to find technical roles and communicate your ability to succeed in those roles. If you have questions, please reach out at hello phaseai com.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.