Jak osadzić kody wideo z dowolnego źródła?

Opublikowany: 2022-05-14

Kod do umieszczenia filmu wideo to ciąg kodu zawierający dane filmu wideo: jego adres URL, rozmiar i nazwę oraz inne zmienne. Te kody umożliwiają wyświetlanie treści wideo na Twoim blogu i stronach docelowych. I na pewno chcesz treści wideo na swoim blogu i stronach docelowych — badania przeprowadzone przez Wistię wykazały, że filmy wydłużają czas sesji o 2,6 raza.

Musisz nauczyć się dostosowywać i umieszczać kody wideo z dowolnego źródła, aby zapewnić płynne odtwarzanie filmów. Brak wiedzy na temat prawidłowego osadzenia kodu może oznaczać hostowanie nieodpowiadającego filmu, którego widzowie nie będą mogli obejrzeć ani udostępnić. Te trzy kroki wykraczają poza zwykłe porady „kopiuj i wklej”, ucząc, jak umieszczać filmy, które wyróżniają się w Twoich artykułach.

1. Wybierz, gdzie chcesz umieścić swój film.

Każda usługa hostingu wideo ma unikalne cechy i ograniczenia. Niektórzy dostawcy hostingu oferują tylko podstawowe narzędzia. Umożliwią one hostowanie filmów i wybranie ich miejsca, co wystarczy, jeśli potrzebujesz tylko dystrybucji filmów w swojej witrynie. Ale dla innych firm te narzędzia mogą być niewystarczające dla wszystkich Twoich potrzeb. Na przykład podstawowa usługa hostingowa nie wystarczy, jeśli chcesz edytować sposób odtwarzania wideo i śledzić jego wydajność.

Tani dostawcy hostingu są przystępni cenowo, ale doświadczają więcej przestojów niż renomowani. Czytelnik, który nie może obejrzeć filmu, który obiecuje rozwiązanie ważnego problemu, poszuka odpowiedzi gdzie indziej. Nie ma znaczenia, czy osadziłeś wideo z laptopa, czy z witryny strumieniowej — wybierz renomowanego dostawcę usług hostingowych z narzędziami, które pomogą Ci osiągnąć swoje cele.

Twoje cele określają hosting, który wybierzesz. Jeśli chcesz zwiększyć świadomość swojej marki, skorzystaj z YouTube. Film, który prześlesz do YouTube, a następnie osadzisz w swojej witrynie, będzie pozycjonowany w YouTube i wyszukiwarce Google, dzięki czemu dotrzesz do najszerszego grona odbiorców.

Dla firmy skupiającej się na potencjalnych klientach, a nie na szerokim zasięgu, Wistia jest lepszą opcją ze względu na swoje narzędzie do generowania leadów wideo. Pozwala dodawać wezwania do działania i formularze, aby zbudować listę potencjalnych klientów bezpośrednio z odtwarzacza wideo.

2. Znajdź kod do umieszczenia filmu

Niektóre systemy CMS umożliwiają umieszczanie filmów bez kodu do osadzania. Wszystko, co musisz zrobić, to wkleić adres URL filmu, a CMS wstawi go do Twojej witryny. Chociaż jest to wygodne, lepiej jest ręcznie wyszukać plik wideo i jego kod do umieszczenia na stronie. Dostęp do kodu pozwala zaprezentować swój film tak, jak chcesz.

Pełna kontrola nad kodem do umieszczenia na stronie pozwala zapewnić przyjemne wrażenia podczas oglądania na różnych urządzeniach. Ułatwienie oglądania filmu jest niezbędne, aby poprawić pozycję Twojej strony w Google. Ich wskaźniki internetowe mierzą łatwość przeglądania Twojej strony. Gdy widzowie mają trudności z odtworzeniem lub kliknięciem przycisku ze względu na jego lokalizację, Google może zdegradować Twoje artykuły.

Większość usług hostingowych przechowuje kody do osadzania w opcji udostępniania odtwarzacza wideo. Chociaż informacje o kodzie różnią się w zależności od hosta, zwykle zobaczysz dane dotyczące rozmiaru, czasu trwania i tytułu filmu. Możesz edytować te informacje, gdy będziesz gotowy do umieszczenia filmu.

3. Dostosuj wygląd i odtwarzanie wideo

Możesz zwiększyć prawdopodobieństwo, że ktoś obejrzy Twój film, edytując jego wygląd i odtwarzanie. Nieedytowane kody osadzone mogą odtwarzać filmy, które gubią się w artykule lub trwają zbyt długo, aby dotrzeć do sedna, uzyskując zero wyświetleń. Możesz zmaksymalizować liczbę wyświetleń filmu, wprowadzając kilka zmian.

Wygląd zewnętrzny

Rozmiar, kolor i umiejscowienie odtwarzacza wideo mają wpływ na to, czy ktoś go obejrzy. Widzowie mogą przegapić Twój film, jeśli jego odtwarzacz jest za mały lub ledwo widoczny. Aby skłonić czytelników do zatrzymania przewijania, wybierz kolor odtwarzacza wideo, który kontrastuje z resztą strony.

Załóżmy, że Twoja strona ma białe tło, a odtwarzacz wideo używa miniatury i przycisku odtwarzania w jasnym kolorze. W takim przypadku czytelnik przeglądający Twój artykuł może go nie zobaczyć. Ewentualnie wyobraź sobie, że edytujesz kod do umieszczenia na stronie, aby przycisk odtwarzania był jasnoczerwony, a wideo zajmowało 80% strony. Te zmiany utrudnią widzom przegapienie Twojego filmu.

Możesz edytować rozmiar filmu i kolory odtwarzacza, edytując kod. Aby zmienić rozmiar, przejdź do kodu osadzania i poszukaj „width=” i „height=”. Wybierz rozmiar, który zajmie większość ekranu Twojej witryny, aby był widoczny. W większości przypadków wystarczy szerokość 1280 pikseli i wysokość 720 pikseli.

Wbudowany kod stylu może dostosować kolor odtwarzacza wideo i jego obramowania. Zmień te elementy, odnajdując najpierw słowo „iframe” w kodzie. Ten tekst to linia kodu, która osadza inny dokument w pliku HTML. Następnie wklej style=”border: 5px solid #AAA; zaraz po nim. Liczba przed „px” wskazuje szerokość obramowania, podczas gdy trzy litery po stanie # definiują kolor obramowania w kodach kolorów HTML.

Ustawienia odtwarzacza

Osadzone filmy są odtwarzane w różny sposób w zależności od parametrów kodu, znanych również jako atrybuty. Edytuj kod, aby Twoje filmy były bardziej przydatne dla widzów.

Czasami chcesz, aby widz pominął początek filmu. Być może wprowadzenie nie jest pomocne w rozwiązaniu ich problemu i chcesz, aby od razu przeszli do najważniejszych informacji. A może jest skierowany do różnych odbiorców, ale zawiera informacje, które każdy może uznać za przydatne. Bez względu na przyczynę, możesz dostosować kod, aby uruchomić wideo w dowolnym momencie.

Opcje osadzania w YouTube pozwalają edytować minutę rozpoczęcia filmu bez konieczności pisania linijek kodu. Przejdź do Udostępnij, Osadź, zaznacz pole „Rozpocznij o” i wpisz godzinę, w której wideo powinno się rozpocząć. Osoby spoza YouTube mogą zwykle ustawić czas rozpoczęcia w opcjach osadzania.

Kolejnym pomocnym atrybutem jest parametr Loop, który pozwala na powtórzenie filmu po jego zakończeniu. Jest to przydatne, gdy widzowie uczą się umiejętności z filmu edukacyjnego. Ta korzyść pojawia się, ponieważ mózg lepiej przypomina sobie i zapamiętuje informacje, które widzi lub słucha więcej niż raz.

Możesz zapętlić swoje wideo w większości usług hostingowych, zaznaczając pole w opcjach osadzania. Jeśli prowadzisz hosting w YouTube, poszukaj adresu internetowego po „src=” w kodzie osadzania — ten wiersz kodu to źródłowy adres URL.

Następnie poszukaj identyfikatora wideo — liter alfanumerycznych po „/embed/”. Wpisz „?playlist=[identyfikator wideo] &loop=1” obok ostatniego numeru identyfikatora wideo, a od tego momentu osadzony film będzie się zapętlał.

Osadź filmy wideo wykonane przez Vyond na swojej stronie internetowej

Vyond to intuicyjne oprogramowanie do animacji, którego członkowie zespołu ds. marketingu, zasobów ludzkich oraz nauki i rozwoju mogą używać do tworzenia ciekawych filmów. Te filmy skracają czas wdrażania o 67%, zwiększają konwersje o ten sam procent i zwiększają udostępnianie filmów o 375%. Dzięki szablonom Vyond każdy — niezależnie od doświadczenia w animacji wideo — może uzyskać ogromne korzyści z używania filmów.

Rozpocznij bezpłatny okres próbny