AM REELS DOWNLOAD
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Instagram Reels Downloader</title>
<style>
body {
font-family: Arial, sans-serif;
background: #fafafa;
text-align: center;
padding: 40px;
}
input {
width: 60%;
padding: 10px;
font-size: 16px;
}
button {
padding: 10px 20px;
font-size: 16px;
background: #3897f0;
color: white;
border: none;
cursor: pointer;
}
#result {
margin-top: 20px;
}
video {
max-width: 100%;
height: auto;
}
</style>
</head>
<body>
<h1>Instagram Reels Downloader</h1>
<input type="text" id="reelUrl" placeholder="Paste Instagram Reels URL here" />
<button onclick="downloadReel()">Download</button>
<div id="result"></div>
<script>
function downloadReel() {
const url = document.getElementById("reelUrl").value;
if (!url) {
alert("Please paste a valid Reels URL.");
return;
}
// For demo: Only showing pasted URL
// You need backend logic to fetch actual video download URL
const resultDiv = document.getElementById("result");
resultDiv.innerHTML = `<p><strong>Reel URL:</strong> ${url}</p>
<p>⚠️ Backend needed to fetch video. This is only frontend.</p>`;
}
</script>
</body>
</html>
Comments
Post a Comment