求教,我要在网页上选择本地视频并播放,但是选择之后不能正确播放,请各位帮忙指点是哪里做错了:
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>