在前端获取视频文件的宽高和时长，可以使用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，那么你可能需要使用其他方法来获取视频文件的宽高和时长。