---
const videoUrl = "https://www.youtube.com/watch?v=t7T4RPBpTVY";
import { translations } from '../data/i18n.js';
const { lang = 'no' } = Astro.props;
const t = translations[lang].vors;
---

<div style="width: 560px; height: 315px;">
    <div class="mt-4 text-xl mb-2">
        {t.text}
    </div>
    <iframe 
        width="560" 
        height="315" 
        src={videoUrl.replace("watch?v=", "embed/")} 
        title="YouTube video player" 
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
        allowfullscreen>
    </iframe>
    
</div>