Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Video Preview</title>
</head>
<body>
  <input type="file" accept="video/*" id="input"/>
  <video id="video"></video>
</body>
</html>
 
var video = document.getElementById('video'),
    input = document.getElementById('input');
input.addEventListener('change', function (evt) {
    var reader = new window.FileReader(),
        file = evt.target.files[0],
        url;
        reader = window.URL || window.webKitURL;
    if (reader && reader.createObjectURL) {
        url = reader.createObjectURL(file);
        video.src = url;
        reader.revokeObjectURL(url);  //free up memory
        return;
    }
    if (!window.FileReader) {
        console.log('Sorry, not so much');
        return;
    }
    reader = new window.FileReader();
    reader.onload = function(evt) {
       video.src = evt.target.result;
    };
    reader.readAsDataURL(file);
}, false);
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers