<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Giriş Videosu</title>
    <style>
        /* Videoyu tam ekran yapacak stil */
        body, html {
            margin: 0;
            padding: 0;
            height: 100%;
            overflow: hidden;
        }

        video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* Müzik kontrolü için sesleri gizleyebiliriz */
        audio {
            display: none;
        }
    </style>
</head>
<body>

<video id="introVideo" autoplay>
    <source src="giriş.mp4" type="video/mp4">
    Tarayıcınız video etiketini desteklemiyor.
</video>

<!-- Arka planda çalacak müzik -->
<audio id="backgroundMusic" loop>
    <source src="fotn.mp3" type="audio/mp3">
    Tarayıcınız audio etiketini desteklemiyor.
</audio>

<script>
    // Video ve müzik elementlerini seç
    const video = document.getElementById('introVideo');
    const music = document.getElementById('backgroundMusic');

    // Sayfa yüklendiğinde müzik başlamışsa, müziği başlat
    if(localStorage.getItem('musicStarted') === 'true') {
        music.play();
    }

    // Video bitince müzik başlasın ve sürekli tekrar etsin
    video.onended = function() {
        // Müzik çalmaya başlasın
        music.play(); 
        // Müzik başladığını kaydet
        localStorage.setItem('musicStarted', 'true'); 
        
        // Video bitince sayfayı yeniden yükleyelim
        setTimeout(function() {
            window.location.href = 'indexx.html'; // Yönlendirme yapılacak sayfa
        }, 1000);  // 1 saniye bekleme, müzik başlamadan yönlendirme yapılmasın
    };
</script>

</body>
</html>