Jak umieścić film na stronie WWW?

Jak umieścić film na stronie WWW?

Wideo na stronie internetowej może przyciągnąć uwagę, zwiększyć zaangażowanie i lepiej wytłumaczyć to, czego nie da się opisać jednym zdaniem. Możesz pokazać, jak działa Twój produkt, nagrać instrukcję obsługi albo po prostu przedstawić się swoim klientom. Tylko jak dodać taki film na stronę? W tym artykule pokażę Ci, jak to zrobić na dwa sposoby: osadzając film z YouTube albo wgrywając go bezpośrednio na własny serwer. Który sposób wybrać i na co uważać? Już tłumaczę – krok po kroku, bez technicznego żargonu.

Skrócona instrukcja dodania filmu

Co chcesz zrobić?

Jak to zrobić?

Dodać film z YouTube

W edytorze: „Wstaw” → „Media” → wklej link z YouTube

Uruchomić film od konkretnej sekundy

YouTube → Udostępnij → zaznacz „Rozpocznij od” → użyj kodu iFrame z ?start=

Dodać film z własnego serwera

Wgraj plik przez FTP → skopiuj URL → Wstaw → Media → wklej URL

Dodać miniaturkę do filmu z serwera (poster)

W kodzie źródłowym dodaj poster="adres_do_obrazka.jpg"

Osadzanie filmu z YouTube (najprostszy sposób)

Najłatwiejszym i najszybszym sposobem na dodanie filmu do swojej strony jest osadzenie go z YouTube. Nie musisz niczego wgrywać na serwer, kombinować z kodem, a sam film działa od razu – niezależnie od tego, czy umieszczasz go w artykule, na stronie „O mnie” czy w zakładce pomocy.

Jak to zrobić?
Wystarczy, że masz link do swojego filmu na YouTube. W edytorze tekstowym na stronie (np. w CMS-ie WordPress, Joomla lub autorskim systemie), ustawiasz kursor w miejscu, gdzie ma pojawić się film – na przykład na środku akapitu.

Następnie:

  1. Klikasz „Wstaw” → „Media”

  2. Wklejasz adres URL filmu z YouTube w polu „Źródło”

  3. Ustawiasz rozmiar (lub zostawiasz domyślny)

  4. Potwierdzasz klikając OK lub Zapisz

  5. Odświeżasz stronę – gotowe!

Film wyświetla się elegancko, jest gotowy do odtworzenia, a użytkownicy mogą go pauzować, przewijać, zmieniać jakość i – co ważne – subskrybować Twój kanał, jeśli tylko mają ochotę.

„Content is king, but video is the king in motion.”

— parafraza popularnego powiedzenia z marketingu

Film z YouTube od konkretnej sekundy

Czasami chcesz, żeby film zaczął się od konkretnego momentu – np. wtedy, gdy wideo ma długi wstęp, a Ty chcesz od razu przejść do rzeczy. Na YouTube to bardzo proste – wystarczy kliknąć przycisk „Udostępnij” pod filmem i zaznaczyć opcję „Rozpocznij od...”. YouTube automatycznie wygeneruje link, który uruchamia film od wybranej sekundy (np. https://youtu.be/abc123?t=134 – czyli od 2:14).

I tutaj ważna rzecz:
Wklejenie tego linka bezpośrednio do edytora jako „Media → Źródło” nie zawsze działa. Film się co prawda wyświetli, ale... zacznie się od początku, a nie od wskazanego momentu.

Jak to obejść?

Musisz użyć kodu iFrame, czyli specjalnego kodu osadzającego, który pozwala ustawić dokładny czas startu filmu. Wystarczy:

  1. Kliknąć na YouTube: „Udostępnij” → „Umieść”

  2. Skopiować kod iFrame

  3. Na końcu adresu w src="" dodać ?start=134 (gdzie 134 to liczba sekund od początku)

  4. W edytorze strony kliknąć „Wstaw” → „Media” → „Osadź”

  5. Wkleić gotowy kod i kliknąć OK

Po zapisaniu zmian film uruchomi się dokładnie od wskazanego miejsca. To świetne rozwiązanie, gdy chcesz pominąć zbędne wprowadzenia i od razu przejść do sedna.

Osadzanie filmu z serwera

Jeśli z jakiegoś powodu nie chcesz lub nie możesz umieścić filmu na YouTube – masz jeszcze drugą opcję: film z własnego serwera. Ten sposób przyda się np. gdy:

  • film nie spełnia zasad YouTube (np. zawiera elementy zakazane w regulaminie),
  • chcesz, by film był dostępny tylko na Twojej stronie,
  • zależy Ci na pełnej kontroli nad plikiem i jego wyświetlaniem.

Jak to zrobić?

1. Wgranie pliku na serwer

Zacznij od wgrania pliku wideo (np. .mp4) na serwer. Możesz to zrobić:

  • przez panel administracyjny strony (np. „Hosting plików”),
  • albo przez program typu Total Commander, który łączy się z Twoim serwerem przez FTP.

2. Dodanie filmu do strony

W edytorze tekstowym ustaw kursor tam, gdzie ma się pojawić film, i kliknij:

  • Wstaw → Media
  • Wklej adres URL do filmu z serwera
  • Ustaw szerokość/wysokość
  • Kliknij OK i zapisz

Po odświeżeniu strony film będzie widoczny. Można go odtwarzać, przewijać, ale… nie będzie wyglądał tak ładnie jak YouTube – brak jakości HD, brak opcji subskrypcji, brak zmiany jakości czy spisu treści.

Dodawanie miniaturki do filmu z serwera

Jeśli film dodajesz z YouTube, to miniaturkę ustawiasz od razu w serwisie – kilka kliknięć i gotowe. Ale w przypadku filmu umieszczonego bezpośrednio na Twoim serwerze, sprawa wygląda inaczej. Domyślnie jako miniaturka pojawia się pierwsza klatka filmu, co często oznacza... białe tło lub przypadkowy ułamek sekundy z początku nagrania.

Można to jednak zmienić – wystarczy ręcznie dodać miniaturkę za pomocą kodu HTML.

Jak dodać miniaturkę (poster) do filmu?

  1. Przygotuj grafikę, która ma być miniaturką (najlepiej w tych samych proporcjach co film)

  2. Wgraj ją na serwer lub do galerii multimediów

  3. Skopiuj adres URL do tej grafiki

  4. Wejdź do edytora i przełącz się na widok kodu źródłowego

  5. Wyszukaj fragment < video  ... > i dodaj w nim atrybut poster="adres_do_miniaturki"

Zapisz zmiany, odśwież stronę – i gotowe! Twój film będzie teraz wyglądać bardziej profesjonalnie, a odwiedzający od razu zobaczą, o czym jest nagranie.

Na co uważać? YouTube vs. własny serwer

Oba sposoby mają swoje zalety, ale też kilka ważnych różnic, o których warto pamiętać zanim wrzucisz film na stronę.

YouTube – zalety:

  • Nie zużywa transferu z Twojego serwera – film wczytywany jest bezpośrednio z YouTube
  • Możesz dodać spis treści, napisy, linki, karty końcowe, subskrypcje
  • Miniaturka ustawiana jednym kliknięciem
  • Film wygląda dobrze na każdym urządzeniu
  • YouTube to darmowy hosting z nieograniczonym transferem

Własny serwer – ograniczenia:

  • Każde odtworzenie filmu zużywa Twój transfer – jeśli film ma 700 MB, a obejrzy go 100 osób, to ściągną łącznie 70 GB z Twojego konta
  • Nie możesz zmienić jakości ani dodać przycisków subskrypcji
  • Miniaturkę musisz dodać ręcznie
  • Jeśli masz tani hosting, możesz bardzo szybko przekroczyć limit transferu lub miejsca

Kiedy warto wrzucić film na serwer?

  • Gdy YouTube blokuje publikację Twojego wideo (np. przez prawa autorskie)
  • Gdy film jest prywatny i nie powinien być publicznie dostępny
  • Gdy zależy Ci na pełnej niezależności

W każdym innym przypadku – YouTube po prostu się opłaca.

Porównanie: YouTube vs. własny serwer

Cecha

YouTube

Własny serwer

Transfer

Darmowy, nie obciąża Twojego hostingu

Liczony z Twojego pakietu

Jakość filmu

Automatyczna, z możliwością wyboru

Stała, bez opcji zmiany jakości

Miniaturka

Ustawiana w YouTube

Trzeba dodać ręcznie przez poster

Spis treści i rozdziały

Możliwe do ustawienia

Niedostępne

Subskrypcje, like’i, komentarze

Tak

Nie

Łatwość dodania

Bardzo prosta

Wymaga znajomości HTML i dostępu do serwera

Gdy film ma 700 MB

Bez problemu

Może zablokować hosting lub wyczerpać transfer

Podsumowanie

Dodanie filmu na stronę WWW to świetny sposób, żeby uatrakcyjnić treść i przekazać więcej w krótszym czasie. Możesz to zrobić na dwa sposoby:

  • Prosto i szybko – przez YouTube
     Wklejasz link, ewentualnie kod iFrame, ustawiasz start od konkretnej sekundy i gotowe. Masz darmowy transfer, ładny odtwarzacz, miniaturkę, możliwość subskrypcji.
  • Ręcznie – z własnego serwera
    Wgrywasz plik na hosting, dodajesz do strony, możesz ustawić miniaturkę przez kod HTML. Opcja dobra, gdy YouTube z jakiegoś powodu odpada.

Z mojego doświadczenia: jeśli tylko możesz, korzystaj z YouTube. Nie tylko dlatego, że to wygodne i szybkie. Ważne jest też to, że YouTube nie obciąża Twojego serwera, a filmy działają dobrze na każdej przeglądarce i każdym urządzeniu.

Jeśli ten poradnik był dla Ciebie pomocny, zapisz się na mój newsletter – regularnie wysyłam konkretne, techniczne porady w prostym języku. A jeśli chcesz wiedzieć więcej o stronach, filmach i marketingu – obserwuj mnie dalej.

Do zobaczenia!

Kto napisał ten wpis?

Przemek na co dzień tworzy strony WWW, sklepy internetowe i dba o ich marketing.

Prowadzi szkolenia i warsztaty z:

  • Marketingu w Google - pozycjonowania (SEO) i Adsów (SEM),
  • Content marketingu i lejków marketingowych,
  • User Experience,
  • Mailingów- tych zimnych i ciepłych.

Przeczytaj inne teksty tego autora

Opinie

Skontaktuj się z nami

call 576 121 013

Zajęte? Nikt nie odbiera?
Bardzo często rozmawiamy przez telefon, mamy sporo spotkań online.
Kliknij tutaj i zostaw nam kontakt do siebie. Oddzwonimy tak szybko jak to możliwe.

mail biuro@doneta.pl

Napisz przez formularz. To najszybsza i najlepsza forma kontaktu z Donetą.

Wyrażam zgodę na przetwarzanie moich danych osobowych przez Grupa Max 15 sp. z o.o. w celu obsługi zapytania wysłanego przez formularz kontaktowy zgodnie z polityką prywatności.
Czy jesteś robotem? Przepisz kod z obrazka. Wielkość liter ma znaczenie.
Przepisz kod refresh

Doneta, to zespół fajnych ludzi

Zadzwoń: 576 121 013 call
Skontaktuj się z nami

Zadzwoń do nas:
Nie odbieramy? Musimy być zajęci. Zostaw niżej swój numer telefonu, a oddzwonimy tak szybko jak to możliwe.

Czy jesteś robotem? Przepisz kod z obrazka. Wielkość liter ma znaczenie.
Przepisz kod refresh
Jesteś 1 osobą, która uzupełniła dziś ten formularz.
Wyrażam zgodę na przetwarzanie moich danych osobowych przez Grupa Max 15 sp. z o.o. w celu obsługi zapytania wysłanego przez formularz kontaktowy zgodnie z polityką prywatności.