限蘋果手機,以下自測通過,安卓手機不支持 loadedmetadata <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <input type="file" accept="video/*" capture="user" id='upload'> <button onclick='getVideoTime()'>獲取時長</button> </body> <script> function getVideoTime() { let fileVIdeo = document.getElementById("upload") const pickOne =fileVIdeo.files[0] window.URL = window.URL || window.webkitURL const url = window.URL.createObjectURL(pickOne) const audioElement = new Audio(url) audioElement.addEventListener('loadedmetadata', (_event) => { const duration = audioElement.duration console.log('視頻時長:' + duration + '秒') if (duration > 5) { this.$showToast('請控制錄制時間在5秒之內') return } const size = pickOne.size / 1024 / 1000 if (size > 5) { this.$showToast('視頻文件過大,請控制在3秒之內') return } this.toCheckFace(event) }) } </script> </html>