Jak umieścić film na stronie lub blogu?

Jak umieścić film na stronie lub blogu?

Czas czytania: 3 minut

Umieszczenie filmu w treści strony internetowej lub na blogu nie jest tak naprawdę skomplikowanym procesem. O czym już za chwilę się przekonacie.

Od czego zacząć dodawanie filmu?

Na początek oczywiście musimy posiadać stronę internetową lub bloga np. na własnym serwerze, bloggerze czy WordPress.com. drugim niezbędnym elementem jest oczywiście film, który chcemy umieścić. Film ten możemy:

  • wgrać na własny serwer
  • umieścić na płatnym lub darmowym portalu z filami np. na youtube.com
  • jeżeli chcecie umieścić już gotowy film np. z innej strony też nie ma z tym problemu

W tym miejscu warto też przypomnieć, że istnieje coś takiego jak prawa autorskie. Jeśli chcecie uniknąć nieprzyjemności warto się z nimi zapoznać.

Wgrywanie filmu na własny serwer

Jeżeli posiadamy film jeszcze nie umieszczony w Internecie i jesteśmy jego właścicielem lub posiadamy zgodę na jego rozpowszechnianie (użytek) możemy wgrać film na nasz serwer FTP. Następnie musimy ustalić jego lokalizację. Będzie nam to potrzebne do wyświetlenia go w treści witryny. W tym konkretnym przypadku plik można dodać z pomocą tagu HTML <video> poniżej przykład:

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
Twoja przeglądarka nie obsługuje video tag.
</video>

Link do filmu umieszczamy w miejscu movie.mp4 lub movie.ogg. W zależności od formatu naszego pliku. Drugi niepotrzebny format usuwamy. Na końcu w tagu mamy parametr „controls” jego dodanie powoduje, że możemy manipulować filmem – pałować go, włączać wyłączać, zmieniać głośność dźwięku.

Inne ciekawe parametry:

  • autoplay – film uruchamia się automatyczne
  • muted – film nie ma głosu

Wiele osób prowadzących blogi oraz innego typu witryny często nie umieszcza filmu na swoim serwerze. Jeżeli film jest ciężki może on bowiem spowodować spowolnienie wczytywania się strony. Dlatego też umieszczają oni filmy na serwerach zewnętrznych takich jak YouTube. Serwery te przeznaczone są do obsługi filmów przez co działają sprawniej i szybciej.

Dodawanie filmu na serwer zewnętrzny

W zależności od tego na jaki serwer się zdecydujemy będzie to wyglądało nieco inaczej. Obecnie najpopularniejszym serwerem zewnętrznym jest YouTube. Platforma ta należy do Google dlatego też nie powinno was zdziwić, że by móc dodawać filmy musimy mieć na początek konto Google. Tworzymy je np. zakładając Gmail – czyli skrzynkę e-mail od Google.

Dodawanie filmu na YouTube opiszę w innym wpisie.

Dodawanie filmiku z YouTube na blog lub stronę

Otwieramy interferujący nas film i przechodzimy poniżej pola gdzie jest on wyświetlany. Znajdują tam się opcje min. informacje, udostępnij, dodaj do.

udostępnij film z YouTube
udostępnij film z YouTube


W zależności od medium, w którym chcemy udostępnić nasz film wybieramy teraz odpowiednią ikonkę lub po prostu kopiujemy poniższy link. Czasami niektóre portale potrafią go obsłużyć i pokazać w jego miejsce gotowy film. Do takich portali nalży np. Facebook czy Twitter. CMS’y takie jak WordPress również potrafią obsłużyć sam link. Jeśli jednak posiadamy np. stronę napisaną w HTML lub PHP warto skorzystać z przycisku Umieść.

Po rozwinięciu wybieramy zakładkę „Umieść” znajdować się będzie w niej kod który trzeba skopiować i wkleić w wybrane miejsce na stronie (najlepiej zrobić to w kodzie strony lub w trybie tekstowym).

kod YouTube

Jeżeli wszystko dobrze zrobimy to po zapisaniu strony powinien pojawić się na niej film. W mediach społecznościowych link zamieni się w film po chwili od wrzucenia a na zwykłych stronach dopiero kiedy ją uruchomieniu w przeglądarce.

5-y

Warto przeczytać:

  • http://support.google.com/youtube/bin/answer.py?hl=pl&answer=171780
  • https://www.w3schools.com/html/html5_video.asp
%d bloggers like this: