如何下载视频 (pc端任何视频均可下载)

发布于:2025-07-19 ⋅ 阅读:(18) ⋅ 点赞:(0)


此代码为下载demo



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Download Video</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 50px;
            text-align: center;
        }
        input[type="text"] {
            width: 60%;
            padding: 10px;
            margin: 20px 0;
            font-size: 16px;
        }
        button {
            padding: 10px 20px;
            font-size: 16px;
            cursor: pointer;
        }
    </style>
</head>
<body>

    <h1>Download Video</h1>
    <p>Enter the video URL below and click the "Download Video" button.</p>

    <input type="text" id="videoUrl" value="https://v3-****" />
	 
  <video controls="" id="myVideo"  autoplay="" name="media"><source src="https://v3-****3d3825bf2b29388\u0026l=202506270916231881D48DFB0D288D6628" type="video/mp4"></video>
    <br/>
    <button id = "qwe123" onclick="downloadVideo()">Download Video</button>

    <script>
        function downloadVideo() {
            var url = document.getElementById('videoUrl').value;
            if (url) {
                fetch(url)
                    .then(response => response.blob())
                    .then(blob => {
                        var downloadLink = document.createElement('a');
                        var objectURL = URL.createObjectURL(blob);
                        downloadLink.href = objectURL;

                        // Extract the filename from the URL
                        var filename = url.substring(url.lastIndexOf('/') + 1).split('?')[0];
                        downloadLink.download = filename;

                        // Append the link to the body and trigger the download
                        document.body.appendChild(downloadLink);
                        downloadLink.click();

                        // Clean up
                        URL.revokeObjectURL(objectURL);
                        document.body.removeChild(downloadLink);
                    })
                    .catch(error => {
                        console.error('Error downloading video:', error);
                        alert('Failed to download the video.');
                    });
            } else {
                alert('Please enter a valid video URL.');
            }
        }
    </script>

</body>
</html>


网站公告

今日签到

点亮在社区的每一天
去签到