网站上传视频并播放的问题

求教，我要在网页上选择本地视频并播放，但是选择之后不能正确播放，请各位帮忙指点是哪里做错了：

js：

 function previewVideo(file)
{
    var div = document.getElementById('media-video-preview');
    if (file.files && file.files[0])
    {
        div.innerHTML ='<video width="480" height="360" controls><source id="video-source" type="video/mp4"></video>';
        var video = document.getElementById('video-source');
        var reader = new FileReader();
        reader.onload = function(evt){video.src = evt.target.result;};
        reader.readAsDataURL(file.files[0]);
    }
}

html：

 <div class="media-image-setting-up" align="center">
        <form>
            <input type="file" onchange="previewVideo(this)" id="input-image-file"/>
        </form>
    </div>
    <div align="center">
        <div class="media-video-preview" id="media-video-preview">

        </div>
    </div>

首先没有看到你的form标签里提交的类型，第二，你看下文件读取路径是否正确，看了你的代码感觉有问题