> For the complete documentation index, see [llms.txt](https://docs.emaillabs.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.emaillabs.io/poradniki/wyglad-i-zawartosc-e-maili/dodawanie-wideo-do-e-maili.md).

# Dodawanie Wideo do E-maili

Wideo to świetny sposób na zwiększenie zaangażowania, ale dodanie go bezpośrednio do wiadomości e-mail jest problematyczne i w większości przypadków niemożliwe. Wynika to z bardzo ograniczonego wsparcia technicznego w popularnych klientach pocztowych. Oto przegląd metod i najlepszych praktyk.

### **Problem: Brak wsparcia dla osadzania wideo**

Użycie tagu `<video>` z HTML5, choć standardowe na stronach WWW, jest ignorowane lub celowo blokowane przez zdecydowaną większość klientów pocztowych (w tym Gmail, Outlook, WP, Onet). Klienci poczty nie są przeglądarkami internetowymi – ich silniki renderujące są uproszczone, aby chronić użytkowników przed potencjalnymi zagrożeniami (np. złośliwymi skryptami) i problemami z wydajnością.

Tylko nieliczni klienci (np. niektóre wersje Apple Mail) mogą odtworzyć osadzone wideo, dlatego nie można polegać na tej metodzie w masowych kampaniach.

### **Rozwiązanie Rekomendowane: Linkowany Obrazek z Ikoną "Play"**

Jest to najbezpieczniejsza, najbardziej uniwersalna i skuteczna metoda.

1. **Przygotuj Grafikę:** Stwórz atrakcyjną grafikę statyczną. Może to być miniaturka filmu (tzw. *thumbnail*) lub ciekawy kadr z wideo. Na środku grafiki nałóż wyraźną ikonę przycisku "Play" (▶️), aby wizualnie sugerowała możliwość odtworzenia.

{% hint style="info" %}
*Wskazówka:* Serwisy takie jak YouTube czy Vimeo często automatycznie generują gotowe do użycia miniaturki dla Twoich filmów.
{% endhint %}

2. **Umieść i Podlinkuj:** Umieść przygotowaną grafikę w e-mailu za pomocą tagu `<img>`, a następnie podlinkuj ją do strony, na której znajduje się wideo (np. YouTube, Vimeo lub Twoja strona docelowa z odtwarzaczem).

#### Zalety tej metody:

* Uniwersalność: Działa we wszystkich klientach poczty bez wyjątku.
* Pełna Kontrola: Masz pełną kontrolę nad wyglądem miniaturki.
* Zachęta do Działania: Wyraźna ikona "Play" jest silnym wezwaniem do kliknięcia.
* Możliwość Śledzenia: Przekierowanie na platformę wideo (np. YouTube) pozwala na szczegółową analizę statystyk: liczby odtworzeń, czasu oglądania, zaangażowania itp.

#### Przykład kodu:

```
<a href="https://URL_do_Twojego_wideo.com" target="_blank">
  <img src="URL_do_obrazka_z_play.jpg" alt="Obejrzyj nasze wideo o [temat wideo]" width="600" style="max-width: 100%; height: auto; display: block;">
</a>
```

### **Alternatywa: Animowany GIF jako Zapowiedź**

Zamiast statycznego obrazka, możesz użyć krótkiego, zapętlonego GIF-a, który pokazuje najbardziej interesujący fragment wideo. Podobnie jak w przypadku obrazka, cały GIF należy podlinkować do pełnej wersji filmu.

* **Zalety:** Bardziej dynamiczny niż statyczny obraz, może skuteczniej przyciągnąć uwagę.
* **Wady:** Zazwyczaj większy rozmiar pliku (pamiętaj o optymalizacji!), te same ograniczenia co inne GIF-y (ważna pierwsza klatka, unikanie migotania), nadal wymaga kliknięcia, aby zobaczyć cały film.

### **Metoda Niezalecana: Osadzanie Wideo HTML5**

Można technicznie umieścić tag `<video>` w kodzie HTML e-maila, ale należy to traktować wyłącznie jako eksperyment lub rozwiązanie dla bardzo wąskiej, znanej grupy odbiorców. Przy tej metodzie konieczne jest zapewnienie alternatywnej treści (tzw. *fallback*), np. linkowanego obrazka, dla klientów, które nie obsłużą tagu `<video>`.

Ze względu na brak powszechnego wsparcia, nie jest to metoda rekomendowana dla standardowych kampanii e-mail marketingowych czy transakcyjnych.

{% hint style="success" %}
**Podsumowując:** Najlepszą i najbezpieczniejszą praktyką jest użycie statycznego obrazka (lub zoptymalizowanego GIF-a) z ikoną "Play", który linkuje do strony z filmem. Zapewnia to 100% kompatybilność i pozytywne doświadczenie użytkownika.
{% endhint %}