html5手机播放器预览图,移动端视频上传预览图实现

做一个webapp，用的input type=file选择视频，然后在页面上预览，再上传，在网上有搜到

var objectURL = URL.createObjectURL(this.files[0]);

$('.previewVideo').html('');

setTimeout(function () {

var scale = 0.25,

video = $('video')[0],

canvas = document.createElement("canvas"),

canvasFill = canvas.getContext('2d');

canvas.width = video.videoWidth * scale;

canvas.height = video.videoHeight * scale;

canvasFill.drawImage(video, 0, 0, canvas.width, canvas.height);

var src = canvas.toDataURL("image/jpeg");

$('.previewImg').html('');

}, 500);

亲测在pc仿移动端调试是可以实现视频缩略图的

但是在手机上就不可以，

有什么解决办法嘛，有在网上看到说是用html2canvas获取截图，不知道可行性怎么样？