YTPMV Scan Meme Generator
About this app
Create hilarious YTPMV Scans from your videos easily with this fun and colorful meme generator.
YTPMV Scan Meme Generator YTPMV Scan Meme 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>YTPMV Scan Meme Generator</title>
<meta name="description" content="Create hilarious YTPMV Scans from your videos easily with this fun and colorful meme generator.">
<meta name="keywords" content="YTPMV, Meme Generator, Video, Fun, Animation, Music">
<!-- 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() {
$('#generate').on('click', function() {
const inputVideo = $('#videoInput').val();
const memeText = $('#memeText').val();
if (!inputVideo || !memeText) {
alert('Please provide both video URL and meme text');
return;
}
$('#memeOutput').html(`
<iframe src='https://www.youtube.com/embed/${getYoutubeID(inputVideo)}?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe>
<h3 class="text-center">${memeText}</h3>
`);
$('#memeOutput').addClass('animated fadeIn');
});
function getYoutubeID(url) {
const regExp = /^.*((youtu.be\/)|v\/|\/u\/w|watch\?v=|watch\?.+&v=)([^&]{11}).*/;
const match = url.match(regExp);
return (match && match[7]) ? match[7] : url;
}
});
} catch (error) {
throw error;
}
</script>
<style>
body {
background: linear-gradient(135deg, #f1c40f, #e67e22);
color: #34495e;
font-family: 'Arial', sans-serif;
}
#main-container {
padding: 30px;
border-radius: 10px;
background-color: #ecf0f1;
box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.3);
margin-top: 50px;
}
h1 {
color: #2c3e50;
}
#memeOutput {
margin-top: 20px;
border: 2px solid #2ecc71;
border-radius: 10px;
padding: 15px;
display: none;
}
.animated {
animation-duration: 0.5s;
animation-fill-mode: both;
}
.fadeIn {
animation-name: fadeIn;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
button {
background-color: #3498db;
color: white;
border: none;
}
button:hover {
background-color: #2980b9;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1 class="text-center">YTPMV Scan Meme Generator</h1>
<div class="input-group mb-3">
<input type="text" id="videoInput" class="form-control" placeholder="YouTube Video URL" aria-label="YouTube Video URL">
<input type="text" id="memeText" class="form-control" placeholder="Meme Text" aria-label="Meme Text">
<button class="btn btn-primary" id="generate">Generate Meme</button>
</div>
<div id="memeOutput"></div>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!