Przejdź do głównej treści
Wszystkie samouczki
Samouczek 03 5 min

Osadzanie filmu na swojej stronie

Skopiuj fragment i wklej go do dowolnego kreatora stron, CMS-a lub szablonu HTML. Działa z WordPress, Webflow, Squarespace i zwykłym HTML.

Fragment kodu osadzania

Każdy film ma unikalny fragment kodu osadzania dostępny na stronie szczegółów filmu. Kliknij Copy embed, aby skopiować go do schowka.

<script src="https://simplevideo.eu/embed.js" data-id="your-video-id" async></script>

Umieść ten znacznik w dowolnym miejscu w kodzie HTML swojej strony, w którym ma się pojawić odtwarzacz. Skrypt zastępuje znacznik responsywnym odtwarzaczem.

WordPress

W edytorze blokowym dodaj blok Custom HTML i wklej fragment. W klasycznym edytorze przełącz się na kartę Text i wklej bezpośrednio w obszar treści.

Webflow

W projektancie Webflow dodaj element Embed do swojej strony i wklej fragment w pole kodu. Opublikuj stronę, aby zmiana zaczęła obowiązywać.

Squarespace

Dodaj blok Code do swojej strony i wklej fragment. Upewnij się, że opcja Display Source jest wyłączona.

Zwykły HTML

Wklej fragment bezpośrednio do pliku HTML w miejscu, w którym ma się pojawić odtwarzacz. Nie są wymagane żadne dodatkowe zależności ani konfiguracja.

Rozmiar i układ

Odtwarzacz jest domyślnie responsywny i wypełnia szerokość swojego kontenera. Umieść go w elemencie div o stałej szerokości, jeśli chcesz ograniczyć rozmiar odtwarzacza.

<div style="max-width: 720px;">
  <script src="https://simplevideo.eu/embed.js" data-id="your-video-id" async></script>
</div>