1 Million Times Meme Video Generator
About this app
Create your own meme videos that can go viral with the 1 Million Times Meme Video Generator! Customize, share, and laugh with friends.
1 Million Times Meme Video Generator 1 Million Times Meme Video Generator Generate Meme
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 videos that can go viral with the 1 Million Times Meme Video Generator! Customize, share, and laugh with friends.">
<meta name="keywords" content="meme generator, video meme creator, viral video, create video memes, funny memes">
<!-- Libraries -->
<!-- jQuery (3.6.0) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" crossorigin="anonymous"></script>
<!-- Bootstrap CSS (5.3.3) -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" crossorigin="anonymous">
<!-- Bootstrap JS (5.3.3) -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" crossorigin="anonymous"></script>
<!-- Font Awesome (6.6.0) -->
<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() {
function generateVideo() {
const memeText = document.getElementById('memeText').value;
const imageURL = document.getElementById('imageURL').value;
const output = document.getElementById('output');
if (!memeText || !imageURL) {
alert("Please enter both text and an image URL.");
return;
}
const memeCard = `
<div class="meme-card">
<img src="${imageURL}" class="card-img-top" alt="Meme Image">
<div class="card-body">
<h5 class="card-title">${memeText}</h5>
<a href="#" class="btn btn-primary" onclick="shareMeme(alert('Meme shared!')); return false;">Share Meme</a>
</div>
</div>`;
output.innerHTML += memeCard;
document.getElementById('memeText').value = '';
document.getElementById('imageURL').value = '';
}
function shareMeme(shared) {
console.log(shared);
}
document.getElementById('generateBtn').addEventListener('click', generateVideo);
});
} catch (error) {
throw error;
}
</script>
<style>
body {
background: linear-gradient(200deg, #ffefba, #ffffff);
font-family: 'Arial', sans-serif;
}
h1 {
color: #0066cc;
text-align: center;
margin-top: 20px;
}
#chief-container {
padding: 20px;
text-align: center;
min-height: 100vh;
}
.form-group {
margin: 20px 0;
}
.meme-card {
margin-bottom: 20px;
border: 1px solid #0066cc;
border-radius: 10px;
background-color: white;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
transition: transform 0.2s;
}
.meme-card:hover {
transform: scale(1.05);
}
</style>
</head>
<body>
<div id="main-container" class="container">
<div id="chief-container">
<h1>1 Million Times Meme Video Generator</h1>
<div class="form-group">
<input type="text" id="memeText" class="form-control" placeholder="Enter Text for Meme">
</div>
<div class="form-group">
<input type="text" id="imageURL" class="form-control" placeholder="Enter Image URL">
</div>
<button id="generateBtn" class="btn btn-success">Generate Meme</button>
<div id="output" class="mt-4"></div>
</div>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!