在前端获取视频文件的宽高和时长，可以使用HTML5的FileReader API。以下是一个简单的示例：
javascript
function getVideoInfo(file) {
var reader = new FileReader();
reader.onload = function(e) {
var dataURL = e.target.result;
var video = document.createElement('video');
video.src = dataURL;
video.width = dataURL.split(',')[1];
video.height = dataURL.split(',')[2];
video.play();
};
reader.readAsDataURL(file);
}
在这个示例中，我们首先创建了一个新的FileReader对象，然后在onload事件处理器中，我们获取到读取到的dataURL，然后解析出宽度和高度，最后创建一个新的video元素，设置其src属性为dataURL，然后设置其width和height属性为宽度和高度的值。
注意：这个示例需要在支持FileReader API的浏览器中运行，例如Chrome、Firefox等。如果你的浏览器不支持FileReader API，那么你可能需要使用其他方法来获取视频文件的宽高和时长。
