instagram video downloader
<!DOCTYPE html>
<?xml version="1.0" encoding="UTF-8" ?>
<html class='ltr' dir='ltr' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<title>Title Dale</title>
<meta name="Description" content="">
<meta name="Keywords" content="">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow" />
<meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
<meta name="bingbot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
<link rel="icon" href="" type="image/gif" sizes="16x16">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<style>
.btn {
line-height: 24px;
height: 36px;
font-size: 15px;
vertical-align: top;
}
</style>
</head>
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" style=color:black href="#">Instagram Image & Video Downloader FREE</a>
</div>
<!-- Button to Open the Privacy Page Modal -->
<div><button type="button" class="btn btn-primary" style="float:right;margin:4px" data-toggle="modal" data-target="#privacy-page">
Over Policy
</button></div>
<!-- Button to Open the Contact Page Modal -->
<div><button type="button" class="btn btn-primary" style="float:right;margin:4px" data-toggle="modal" data-target="#Contact-Us">
Contact Us
</button></div>
<div><button type="button" class="btn btn-primary" style="float:right; margin:4px" data-toggle="modal" data-target="#about-page">
About Us
</button></div>
</div>
</nav>
<style id='page-skin-1' type='text/css'>
button {
background-color: #FB4930; /* Red */
border: none;
color: white;
padding: 8px 30px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
}
</style>
<link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<!-- About page Modal -->
<!-- The Modal -->
<div class="modal" id="about-page">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">About Page</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<div class="modal-body">
About
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- End About page Modal -->
<!-- Contact Modal -->
<!-- The Modal -->
<div class="modal" id="Contact-Us">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">Contact Us</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<div class="modal-body">
Contact
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- End privacy page Modal -->
<!-- privacy page Modal -->
<!-- The Modal -->
<div class="modal" id="privacy-page">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">Privacy Page</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<div class="modal-body">
Privacy Policy
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- End privacy page Modal -->
<!-- Heading & Description -->
<div class="generator">
<div class="generator__questions">
<h1 style="text-align: center;">Instagram Image & Video Downloader</h1>
<center>
<p>
Instagram photo, video, IGTV, and Reels downloader - Free, online, and one-click download
</p></center>
<!-- Heading & Description -->
<center> <h3>
Download High Quality Videos & Photos From Instagram Using Insta Video Downloader Online
</h3></center>
<hr>
<!-- Main Script -->
<div class='container'>
<table style='width: 100%;'>
<input class="form-control col-lg-6" id="getUrl" placeholder="Paste Your Photo & Video Link Here" type="url" value="" /><br />
<p></p>
<center><button class='download btn-outline' type="submit" onclick='getMedia()'>Download Instagram Video</button></center><br />
<br />
<section align="center" id="downloadResult"><br />
<div class="insta-image-placeholder"></div>Please Copy Image & Video Link And Paste Here Then Click On Download</section><br />
<br />
<div class="dummyData"></div><!--Theme Functions JS--><br />
<script>
const render = document.querySelector('#downloadResult');
const TECHBHAVESH = document.querySelector('.dummyData');
var pattern = new RegExp('https://www.instagram.com/(.+?)');
function getMedia() {
console.log('Inside function');
render.innerHTML = `<div class="insta-image-placeholder">
`;
//novalue
// get input value
let url = document.getElementById("getUrl").value;
console.log(url);
if(url.match(pattern)){
console.log('Inside Patter');
if (url) {
console.log('Inside Url');
fetch(url).
then(r => r.text()).
then(r => {
// render html
console.log('Inside fetch');
TECHBHAVESH.innerHTML = r;
// wait, find meta and create video or image
let w = setTimeout(() => {
let v = document.querySelector('meta[property="og:video"]');
if (v) {
createVideo(v);
} else {
let img = document.querySelector('meta[property="og:image"]');
if (img) {
createImg(img);
} else {
document.querySelector('#getUrl').setAttribute('placeholder', 'Invalid address, use a proper Instagram link'); document.getElementById("getUrl").value = "";
document.getElementById("getUrl").focus();
alert("Error extracting Instagram image or video.");
};
}
clearTimeout(w);
}, 200);
});
}
}
else {
document.querySelector('#getUrl').setAttribute('placeholder', 'Invalid address, use a proper Insagram link');
document.getElementById("getUrl").value = "";
document.getElementById("getUrl").focus();
}
};
// create video
const createVideo = data => {
let v = document.createElement('video');
v.id = "instavideo";
v.src = data.content;
v.controls = true;
v.autoplay = true;
console.log("Inside Create Video");
// create info
let info = document.createElement('p');
info.textContent = "Click the right button on the image and select save As Option";
render.innerHTML = "";
render.appendChild(v);
render.appendChild(info);
};
// create image
const createImg = data => {
// create image
let i = document.createElement('img');
i.id = "instaImg";
i.src = data.content;
console.log("Inside Create Img")
// create info
let info = document.createElement('p');
info.textContent = "Click the right button on the image and select save image Option";
render.innerHTML = "";
render.appendChild(i);
render.appendChild(info);
};
</script>
<!-- Main Script -->
<!-- Paste Details Here -->
<hr>
<p> Krapaya Yaha Par Apna Content Dale Or Sare Words Is Tool Me Jo Hai Unko Apne Hisab se Change karen. </p>
<!-- Paste Details Here -->
<hr>
<center><div class="py-4 text-center bg-white">
<p>
© 2019 - <span id="copy-year">2020</span> Copyright by
<a class="fancy text generator" href="">Insta Downloader</a>
</p>
</div></center>
</body>
</html>
Instagram Reel Downloader is a fantastic tool for Instagram reels video download. We ensure you can download videos on Instagram safely and efficiently with the best quality.
ReplyDelete