Menu
Coddy logo textTech

Iframe

Lekcja 2 z 7 w kursie Odtwarzacz wideo YouTube — projekt HTML w Coddy.

Najprostszym sposobem na umieszczenie odtwarzacza YouTube na swojej stronie internetowej jest użycie tagu iframe:

<iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ">
</iframe>

Zwróć uwagę na kilka rzeczy:

  • Deklaracja atrybutów width i height określa rozmiar odtwarzacza wideo,
  • Atrybut src zawiera link do filmu na YouTube.
  • Link powinien mieć następujący format:
    • https://www.youtube.com/embed/id, gdzie id to identyfikator filmu, to nie jest zwykły link do filmu na YouTube, trzeba go zmodyfikować!
challenge icon

Wyzwanie

Łatwy

Utwórz odtwarzacz YouTube za pomocą elementu iframe z dowolnym wybranym filmem i dodaj atrybuty width oraz height o wybranych wartościach.

Spróbuj swoich sił

<!DOCTYPE html>
<html>
    <body>
        <!-- Wpisz tutaj kod -->
    </body>
</html>

Wszystkie lekcje w sekcji Odtwarzacz wideo YouTube — projekt HTML

Poćwicz samodzielnie: Edytor online Web