How can I set preview of video file, selecting from input type='file'

Question

In one of my module, I need to browse video from input[type=\'file\'], after that I need to show selected video before starting upload.

I am using basic HTML tag to

Answer 1

Lets make it easy

HTML:

---

JS:

function readVideo(input) {

if (input.files && input.files[0]) {
    var reader = new FileReader();

    reader.onload = function(e) {

        $('.myvideo').attr('src', e.target.result);
    };

    reader.readAsDataURL(input.files[0]);
}
}

---