Wstawienie filmu z YouTube w treści dokumenu


Menu Główne » Instrukcja strony CMS » Moduły na stronie - funkcje użytkowe » Wstawienie filmu z YouTube w treści dokumenu


Czasem zachodzi potrzeba wstawienia w treści dokumenu filmu z serwisów YouTube / Vimeo / itp.

Możemy w tym celu wykorzystać mechanizmy naszego CMS. Rozwiązanie sprawdza się jeśli np. chcemy osadzić film pomiędzy paragrafami tekstu.

Pozyskanie kodu filmu z YouTube.com

Kazdy film na tym serwisie ma swój unikalny kod którego wkleienie na witrynie skutkuje pokazaniem filmu z tego serwisu. Takie rozwiązanie ma niewątpliwą zaletę - transfer danych podczas oglądania nie obciąża naszego serwera, bo jest to zewnętrzny zasób.

W tym celu pod oglądanym na YouTube.com filmem klikamy opcję Udostępnij => Umieść na stronie

Pozyskiwanie tego kodu prezentuje poniższy obrazek:

Wchodzimy na zakładkę:

Zmienne szablonu => Wideo

Następnie w polu tekstowym "Kod filmu z YT albo VIMEO (iframe bądź inny)" wklejamy kod filmu z YouTube.

Wstawiony kod:

Po czym w miejscu w tekście gdzie chcemy zaprezentować film wstawiamy kod, który odwołuje się do tego pola:

Tak przygotowaną treść potwiedzamy przyciskiem "Zapisz". Prezentuje to poniższy obrazek:

Na gotowej stronie film prezentuje się w ten sposób:

Rozmiary osadzonego w treści filmu

Wielkością osadzonego filmu możemy sterować. Należy wtedy odpowiednio zmienić parametry we wklejanym z YouTube.com kodzie.

Dla przykładu - w poniższym kodzie:

  • Szerokość filmu - jest to cyfra 420 atrybutu width. Jest to szerokość osadzonego filmu podana w pikselach
  • Wysokość filmu - jest to cyfra 315 atrybutu height. Jest to wysokosć osadzonego filmu podana w pikselach

<iframe width="420" height="315" src="https://www.youtube.com/embed/fJ9rUzIMcZQ" frameborder="0" allowfullscreen></iframe>