Calculator Tools Calculator Tools
Create

Split Screen Video Player

Nov 22, 2023

About this app

A split-screen video player to watch the 'When mic wants you stop' video 4467 times simultaneously.

Split Screen Video Player

Related apps

Put this on your site

Source

                    <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Split Screen Video Player</title>
<meta name="description" content="A split-screen video player to watch the 'When mic wants you stop' video 4467 times simultaneously.">
<meta name="keywords" content="split screen, video player, multi-view, YouTube, Vine">
<style>
body, html {
margin: 0;
padding: 0;
height: 100%;
overflow: hidden;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.video-grid {
display: grid;
grid-template-columns: repeat(67, 1fr);
grid-template-rows: repeat(67, 1fr);
}
.video-container {
overflow: hidden;
}
.video-container iframe {
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div class="video-grid">
<!-- Video containers will be inserted here by JavaScript -->
</div>
<script>
document.addEventListener("DOMContentLoaded", function() {
var grid = document.querySelector('.video-grid');
var totalVideos = 4467;
var videoURL = 'https://www.youtube.com/embed/d7i37ZVKs1g?autoplay=1&mute=1&controls=0&loop=1&playlist=d7i37ZVKs1g';
for (var i = 0; i < totalVideos; i++) {
var videoContainer = document.createElement('div');
videoContainer.className = 'video-container';
videoContainer.innerHTML = '<iframe src="' + videoURL + '" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>';
grid.appendChild(videoContainer);
}
});
</script>
</body>
</html>