// IMAGE LOCAL: nie ma nawiasow bo defoultowy import - kwestia dzialania js //import Image from 'next/image' //import banner from '@/images/all/CBFrame.png'

Przykładowy film

Kliknij, aby otworzyć podgląd

//local

• Opcja 1: Osadzenie przez <iframe>

  Wyświetla film bezpośrednio na stronie w standardowym oknie odtwarzacza YouTube.

  Wymagania:

  • Nie wymaga dodatkowej konfiguracji, działa w każdym pliku .mdx.
  • Wystarczy wkleić kod <iframe ... /> w dowolnym miejscu pliku.
  • Nie wymaga importów ani dodatkowych komponentów.

• Opcja 2: Lightbox z powiększonym filmem (YoutubeLightbox)

  Po kliknięciu miniaturki otwiera się powiększony film w modalu z animacją.

  Wymagania:

  • Musisz zaimportować komponent na górze pliku:

    import YoutubeLightbox from '@/components/YoutubeLightbox'
    

    CopyCopied!
  • Przykład użycia:

    <YoutubeLightbox videoId="aQqpDQFhWtk" title="Przykładowy film" />
    

    CopyCopied!