From 09a56341d78d3c4f033558091bbfeacfbc485504 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=BB=88=E6=9E=81=E6=82=AA=E5=9C=9F?= Date: Tue, 23 Jul 2024 03:08:10 +0000 Subject: [PATCH] =?UTF-8?q?=E5=88=A0=E9=99=A4=20video.js?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- video.js | 54 ------------------------------------------------------ 1 file changed, 54 deletions(-) delete mode 100644 video.js diff --git a/video.js b/video.js deleted file mode 100644 index 18c5d47..0000000 --- a/video.js +++ /dev/null @@ -1,54 +0,0 @@ -/* 简易视频播放器 */ -var video = document.getElementById('myVideo'); - var progressBar = document.getElementById('customProgressBar'); - var fill = document.querySelector('.custom-progress-bar .fill'); - - // 监听mousedown事件开始拖动 - progressBar.addEventListener('mousedown', function(e) { - // 防止默认行为 - e.preventDefault(); - - // 开始拖动 - document.addEventListener('mousemove', onDrag); - document.addEventListener('mouseup', onDragEnd); - - // 获取初始点击位置 - var startX = e.pageX - progressBar.offsetLeft; - }); - - function onDrag(e) { - // 计算新的进度位置 - var newPercent = (e.pageX - progressBar.offsetLeft) / progressBar.offsetWidth; - newPercent = Math.min(Math.max(0, newPercent), 1); // 限制在0到1之间 - - // 更新视频播放位置 - video.currentTime = video.duration * newPercent; - - // 更新进度条宽度 - fill.style.width = (newPercent * 100) + '%'; - } - - function onDragEnd() { - // 停止拖动 - document.removeEventListener('mousemove', onDrag); - document.removeEventListener('mouseup', onDragEnd); - } - - // 视频加载元数据后初始化进度条 - video.addEventListener('loadedmetadata', function() { - // 设置初始进度 - updateProgressBar(); - }); - - // 更新进度条 - function updateProgressBar() { - var percent = (video.currentTime / video.duration) * 100; - fill.style.width = percent + '%'; - } - - // 监听视频播放过程中的时间更新 - video.addEventListener('timeupdate', updateProgressBar); - - //调节控制音量初始化 - var myVideo = document.getElementById("myVideo"); - myVideo.volume = 0.5; // 设置默认音量为50% \ No newline at end of file