function getEmbed() {
    const animeId = document.getElementById("animeId").value;
    const season = document.getElementById("season").value;
    const episode = document.getElementById("episode").value;

    if (!animeId || !season || !episode) {
        alert("Please enter all fields (Anime ID, Season, Episode).");
        return;
    }

    // Generate the embed URL dynamically based on the inputs
    const embedUrl = `/anime/embed/${animeId}/${season}/${episode}`;

    // Here, you would dynamically fetch the subtitle URL or other details for the video
    // For now, we're using a placeholder URL
    const subtitlesUrl = `/subtitles/${animeId}/${season}/${episode}.vtt`; // Replace with actual URL for subtitles

    // Set the embed container with the video player
    const embedContainer = document.getElementById("embedContainer");
    embedContainer.innerHTML = `
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vidstack/styles/defaults.min.css" />
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vidstack/styles/community-skin/video.min.css" />
        <script type="module" src="https://cdn.jsdelivr.net/npm/vidstack/dist/cdn/prod.min.js"></script>

        <media-player
            title="Anime Title"
            src="${embedUrl}"
            poster="https://path-to-poster-image.jpg"  <!-- Replace with actual poster URL -->
            thumbnails="https://path-to-thumbnails.vtt"  <!-- Replace with actual thumbnails file URL -->
            aspect-ratio="16/9"
            crossorigin
        >
            <media-outlet>
                <media-poster
                    alt="Anime Poster Description"
                ></media-poster>
                <track
                    src="${subtitlesUrl}"
                    label="English"
                    srclang="en-US"
                    kind="subtitles"
                    default
                />
            </media-outlet>
            <media-community-skin></media-community-skin>
        </media-player>
    `;
}