js获取上传视频的时长

最新推荐文章于 2024-08-31 18:20:27 发布

鹿林深

最新推荐文章于 2024-08-31 18:20:27 发布

阅读量2.8k

点赞数

分类专栏： js/jQuery

本文链接：https://blog.csdn.net/Helenzhn/article/details/81179855

版权

js/jQuery 专栏收录该内容

4 篇文章 0 订阅

订阅专栏


<!DOCTYPE html>  
<html>  
	<head>  
	    <meta charset="UTF-8">  
	    <title>js获取上传视频的时长</title>  
	</head>  
	<body>  
	   <video style="display:none;" controls="controls" id="aa" oncanplaythrough="myFunction(this)">
	   	
	   </video>
	   <input type="file" onchange="changeFile(this)" />
	   <br />
	   <span id="getDuration"></span>
	</body> 
	<script type="text/javascript">  
		function myFunction(ele) {
			var hour = parseInt((ele.duration)/3600);
			var minute = parseInt((ele.duration%3600)/60);
			var second = Math.ceil(ele.duration%60);
			//console.log(Math.floor(ele.duration));
			//document.write("这段视频的时长为："+hour+"小时，"+minute+"分，"+second+"秒");
			document.getElementById("getDuration").innerHTML="这段视频的时长为："+hour+"小时，"+minute+"分，"+second+"秒";
		}  
	      
		function changeFile(ele){  
		    var video = ele.files[0];  
		    var url = URL.createObjectURL(video);  
		    console.log(url);  
		    document.getElementById("aa").src = url;  
		}  
	</script>  
 
</html>

获取上传视频路径，将该路径放入video标签，获取视频时长

复制粘贴可测！