实现视频 上传后在本地环境即可展示,代码如下:
<html>
<head>
<meta charset="UTF-8">
<title>Video Demo</title>
</head>
<body>
<input type="file" name="file" id="upload" />
<video id="videoA" controls="true" width="100" height="200" src=""></video>
<script>
const upload = document.querySelector('#upload');
const videoA = document.querySelector('#videoA');
upload.onchange = function(){
const file = upload.files[0];
// 生成一个 blob:null/e539e787-f27a-4f66-940a-0f9ee4d14f42 的指向本地的路径格式
const src = URL.createObjectURL(file);
videoA.src = src;
}
</script>
</body>
</html>