Calculator Tools Calculator Tools
Create

1 Million Times Meme Video Generator

Mar 6, 2026

About this app

Create your own meme video by generating it multiple times! Customize your video with fun text and download it easily.

1 Million Times Meme Video Generator 1 Million Times Meme Video Generator Generate Meme Videos

Related apps

Put this on your site

Source

                    <html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">

<title>1 Million Times Meme Video Generator</title>
<meta name="description" content="Create your own meme video by generating it multiple times! Customize your video with fun text and download it easily.">
<meta name="keywords" content="meme generator, video maker, meme video, create memes">

<!-- Libraries -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.6.0/css/fontawesome.min.css" crossorigin="anonymous">

<script type="text/javascript">
try {
document.addEventListener("DOMContentLoaded", function() {
const generateButton = document.getElementById('generate');
const videoContainer = document.getElementById('video-container');

generateButton.onclick = function() {
const inputText = document.getElementById('input-text').value;
const videoCount = document.getElementById('video-count').value;

videoContainer.innerHTML = '';
for(let i = 1; i <= videoCount; i++) {
const videoElement = document.createElement('video');
videoElement.src = "https://www.w3schools.com/html/mov_bbb.mp4"; // Replace this with the meme video source
videoElement.controls = true;
videoElement.loop = true;
videoElement.style = "max-width: 100%; margin: 10px 0;";
const overlayText = document.createElement('div');
overlayText.textContent = `${inputText} (${i})`;
overlayText.style = "position: relative; top: -150px; left: 10px; color: white; font-weight: bold; font-size: 20px; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);";

videoContainer.appendChild(videoElement);
videoContainer.appendChild(overlayText);
}
};
});

} catch (error) {
throw error;
}
</script>

<style>
body {
background: linear-gradient(to right, #6a11cb, #2575fc);
color: white;
font-family: 'Arial', sans-serif;
text-align: center;
}
#main-container {
margin-top: 50px;
}
.input-section {
margin-bottom: 20px;
}
#generate {
background-color: #f39c12;
color: white;
border: none;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
border-radius: 5px;
transition: background 0.3s;
}
#generate:hover {
background-color: #e67e22;
}
video {
margin: 10px auto;
border-radius: 10px;
box-shadow: 0 4px 20px rgba(0,0,0,0.5);
transition: transform 0.2s;
}
video:hover {
transform: scale(1.05);
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>1 Million Times Meme Video Generator</h1>
<div class="input-section">
<input type="text" id="input-text" placeholder="Enter meme text" class="form-control text-center">
<input type="number" id="video-count" placeholder="Number of times (1-100)" class="form-control text-center" min="1" max="100">
<button id="generate" class="btn">Generate Meme Videos</button>
</div>
<div id="video-container"></div>
</div>
</body>
</html>