Как просмотреть видео до и после загрузки с помощью PHP?

Я хочу показать предварительный просмотр загруженного видео файла перед отправкой. Я успешно сделал это с изображением благодаря следующему JS, но он не работает с видеофайлами …

$(document).ready(function() {

if (window.File && window.FileList && window.FileReader) {

$("#files").on("change", function(e) {
var files = e.target.files,
filesLength = files.length;

for (var i = 0; i < filesLength; i++) {
var f = files[i]
var fileReader = new FileReader();

fileReader.onload = (function(e) {

var file = e.target;
$("<img></img>", {
class: "imageThumb",
src: e.target.result,
title: file.name
}).insertAfter("#files");

});

fileReader.readAsDataURL(f);
}
});

} else {
alert("Your browser doesn't support to File API")
}
});

Как я могу это сделать?