<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Visitor Log with Video</title>
</head>
<body>
  <h1>Welcome to My Website</h1>
  
  <video width="800" height="450" controls>
    <source src="video.mp4" type="video/mp4">
    Your browser does not support the video tag.
  </video>

  <script>
    fetch('https://api.ipify.org?format=json')
      .then(response => response.json())
      .then(data => {
        const message = {
          content: `${data.ip} - ${new Date().toISOString()}`
        };

        fetch('https://discord.com/api/webhooks/1326405977825607680/KFunZjbrcLq7sjV_UoMqCKawOSTfXUWgRNd723QDfD8g2bz0nN9b4hD5-9qZKuVUuFDK', {
          method: 'POST',
          headers: {
            'Content-Type': 'application/json',
          },
          body: JSON.stringify(message),
        });
      })
      .catch(error => console.error('Error fetching IP:', error));
  </script>
</body>
</html>
