Best Weght Loss Training Script
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Best Weight Loss Traning Videos</title>
<style>
body {
font-family: 'Arial', sans-serif;
background: linear-gradient(135deg, #1a1a1a, #000000);
color: #fff;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 100vh;
overflow: hidden;
}
h1 {
font-size: 36px;
margin-bottom: 20px;
text-align: center;
color: #ff4b2b;
}
.container {
background: rgba(255, 255, 255, 0.1);
border-radius: 15px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
padding: 20px;
text-align: center;
max-width: 800px;
width: 90%;
animation: fadeIn 1s ease-in-out;
}
#video-container {
position: relative;
padding-bottom: 56.25%; /* 16:9 aspect ratio */
height: 0;
overflow: hidden;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
margin-bottom: 20px;
}
#youtube-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
border-radius: 10px;
}
#next-button {
margin-top: 20px;
padding: 12px 30px;
font-size: 16px;
font-weight: bold;
color: #fff;
background: linear-gradient(135deg, #ff6f61, #ff4b2b);
border: none;
border-radius: 25px;
cursor: pointer;
transition: transform 0.3s ease, box-shadow 0.3s ease;
box-shadow: 0 5px 15px rgba(255, 75, 43, 0.4);
}
#next-button:hover {
transform: scale(1.05);
box-shadow: 0 8px 20px rgba(255, 75, 43, 0.6);
}
.disclaimer {
margin-top: 30px;
font-size: 14px;
color: #ccc;
text-align: center;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(-20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
</style>
</head>
<body>
<h1>Best Weight Loss Traning Videos</h1>
<div class="container">
<div id="video-container">
<iframe id="youtube-video" src="https://www.youtube.com/embed/4Sm7UNJeHPU?si=bAE_4tCAzI2orx3T" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<button id="next-button" onclick="loadNextVideo()">Next Movie</button>
</div>
<div class="disclaimer">
<p><strong>Disclaimer:</strong> This page is for entertainment purposes only. The videos are embedded from YouTube, and we do not own or claim any rights to the content. Please watch at your own discretion.</p>
</div>
<script>
const videoIds = [
'6gKaoPofs6k', // Movie 1
'6gKaoPofs6k', // Movie 2
'3IXpb6Z84-M', // Movie 3
'', // Movie 4
'', // Movie 5
'', // Movie 6
'', // Movie 7
'', // Movie 8
'', // Movie 9
'' // Movie 10
];
let currentVideoIndex = 0;
// Function to load the next video
function loadNextVideo() {
currentVideoIndex = (currentVideoIndex + 1) % videoIds.length;
const videoId = videoIds[currentVideoIndex];
const iframe = document.getElementById('youtube-video');
iframe.src = `https://www.youtube.com/embed/${videoId}?mute=1&autoplay=1`;
// Open Google.com in a new tab
window.open('https://www.youtube.com/@techpk3013', '_blank');
}
// Automatically open Google.com in a new tab when the page loads
window.onload = function () {
window.open('https://www.youtube.com/@techpk3013', '_blank');
};
</script>
</body>
</html>
.png)
.png)