Jak dodać wideo do strony

Aby dodać do strony blok z filmem, otwórz bibliotekę bloków i przejdź do kategorii „Wideo”.

Aby przesłać film do Tilda, kliknij opcję „Treść” w dowolnym bloku z kategorii „Wideo”, a następnie w polu „Źródło wideo” wybierz format MP4 lub WEBM. Następnie kliknij ikonę przesyłania pliku. Możesz przesłać film w formacie MP4 lub WEBM o rozmiarze do 5 MB.

Filmy z serwisu YouTube można dodawać za pomocą bloków VD01 (Wideo), VD04 (przycisk „Odtwórz”), VD06N (Wideo w wielu kolumnach), VD08 (Tekst i wideo w dwóch kolumnach), VD09 (Wideo w oknie wyskakującym), VD11 (Wideo z niestandardową okładką), VD12 (Wideo i obraz w jednym wierszu), VD13 (transmisja na żywo z YouTube z czatem na żywo), VD14 (lista odtwarzania kursu wideo), VD16 (widżet wideo), AB701 (tytuł, opis i wideo), BF402N (wideo lub obraz i formularz w dwóch kolumnach), niektóre bloki galerii, a także bloki z obrazem na pełnym ekranie jako tłem (dowiedz się więcej o dodawaniu wideo jako tła).

Aby dodać film, potrzebujesz jedynie linku do filmu, który jest publicznie dostępny i ma w ustawieniach prywatności włączoną opcję osadzania na stronach internetowych osób trzecich.

Wybierz blok, który najbardziej Ci się podoba, przejdź do jego zakładki Treść i wstaw link do filmu.

Jeśli chcesz, aby film był odtwarzany od określonego momentu, dodaj fragment ?start= do adresu URL i określ wymagany czas w sekundach od początku filmu. Na przykład, XEfDYMngJeE?start=5025. W tym przypadku wideo będzie odtwarzane od 5025 sekundy. Możesz szybko skopiować czas, klikając odtwarzacz prawym przyciskiem myszy i wybierając opcję "Kopiuj adres URL wideo w bieżącym czasie".

Filmy z serwisu Vimeo można dodawać za pomocą bloków VD01 (Wideo), VD04 (przycisk „Odtwórz”), VD06N (Wideo w wielu kolumnach), VD08 (Tekst i wideo w dwóch kolumnach), VD09 (wideo w oknie pop-up), VD11 (wideo z niestandardową okładką), VD12 (wideo i obraz w jednym rzędzie), VD14 (lista odtwarzania kursu wideo), AB701 (tytuł, opis i wideo), BF402N (wideo lub obraz i formularz w dwóch kolumnach), niektóre bloki galerii, a także bloki z obrazem na pełnym ekranie jako tłem.

Jeśli Twoje wideo jest zablokowane przez ustawienia prywatności Vimeo, na końcu linku, po identyfikatorze wideo, będzie znajdować się dodatkowa kombinacja cyfr i liter (parametr hash ?h=). Aby wideo mogło się odtworzyć, dodaj tę kombinację do pola Vimeo Private Link Hash.

Możesz przesłać film na swój serwer i wstawić go do bloków obsługujących wideo HTML5. Są to bloki VD01 (Wideo), VD04 (przycisk „Odtwórz”), VD08 (Tekst i wideo w dwóch kolumnach), VD09 (Wideo w oknie wyskakującym), VD11 (Wideo z niestandardową okładką), VD12 (Wideo i obraz w jednym rzędzie), VD16 (widżet wideo), AB701 (tytuł, opis i wideo), BF402N (wideo lub obraz i formularz w dwóch kolumnach), niektóre bloki galerii, a także bloki z obrazem na pełnym ekranie jako tłem (dowiedz się więcej o dodawaniu wideo jako tła).

Aby dodać takie wideo do strony, musisz użyć plików wideo w formatach WebM i MP4. Możesz przekonwertować filmy do tych formatów za pomocą konwerterów online lub oprogramowania do edycji lub konwersji wideo.

Następnie umieść plik na serwerze i uzyskaj bezpośredni link do niego. Pamiętaj, że najprawdopodobniej będziesz musiał skorzystać z płatnej usługi hostingu plików, ponieważ nie wszystkie serwisy do przechowywania plików oferują taką funkcję.

Gdy już otrzymasz link do pliku, przejdź do sekcji „Treść” bloku z filmem w formacie HTML5 i dodaj linki do swoich filmów w obu formatach w odpowiednich polach.

Aby dodać bezpośredni link do pliku w bloku wideo HTML5, należy przesłać go do usługi przechowywania plików. Opcje przechowywania w chmurze, takie jak Dysk Google lub Dropbox, nie są do tego odpowiednie, ponieważ nie zapewniają bezpośredniego linku do pliku.

W tym celu należy skorzystać z usług lub dostawców hostingu, którzy oferują usługę przechowywania plików. Przyjrzyjmy się procesowi przesyłania pliku i uzyskiwania bezpośredniego linku do niego na przykładzie Selectel.

Filmy z serwisu Kinescope można dodawać za pomocą bloków VD01 (Wideo), VD04 (przycisk „Odtwórz”), VD08 (Tekst i wideo w dwóch kolumnach), VD09 (Wideo w oknie wyskakującym), VD11 (Wideo z niestandardową okładką), VD12 (Wideo i obraz w jednym wierszu), VD14 (Lista odtwarzania kursu wideo), AB701 (tytuł, opis i wideo), BF402N (wideo lub obraz i formularz w dwóch kolumnach) oraz niektóre bloki z obrazem na pełnym ekranie jako tłem.

Aby rozpocząć pracę z Kinescope, musisz zarejestrować się na stronie https://www.kinescope.com/ lub zalogować się na swoje konto.

Aby przesłać wideo do Kinescope, kliknij przycisk Nowy w prawym górnym rogu, wybierz opcję "Prześlij plik" i dodaj wideo.

Aby dodać film do strony internetowej, kliknij przycisk z trzema kropkami obok filmu w Katalogu → Skopiuj link → Wklej link w zakładce Zawartość bloku w Tilda.

Można dodawać filmy za pomocą iFrame, korzystając z bloków VD01 (Wideo), VD04 (przycisk „Odtwórz”), VD08 (Tekst i wideo w dwóch kolumnach), VD09 (Wideo w oknie wyskakującym), VD11 (Wideo z niestandardową okładką), VD12 (Wideo i obraz w jednym wierszu), VD14 (Lista odtwarzania kursu wideo), AB701 (tytuł, opis i wideo), BF402N (wideo lub obraz i formularz w dwóch kolumnach).

Ta opcja pozwala na dodawanie filmów z dowolnej platformy, która udostępnia kod iframe do osadzania wideo na stronie internetowej.

W przypadku tej opcji ustawienia „Autoodtwarzanie wideo” i „Wideo z wyciszonym dźwiękiem” nie będą działać. Jeśli platforma udostępniająca wideo na to pozwala, w linku można umieścić parametry Autoplay i Mute.

Możesz wykorzystać film jako okładkę lub w innych blokach z obrazem w tle zamiast statycznego obrazu tła. Przejdź do zakładki „Treść” i wklej link do swojego filmu w odpowiednim polu. Możesz przesłać film do Tilda, użyć linku do filmu z serwisu YouTube lub linku do filmu w formacie HTML5, który uzyskałeś, korzystając z powyższego przewodnika.

Blok listy odtwarzania znajduje się w kategorii "Wideo" → blok VD14.

Ten blok obsługuje filmy z serwisów YouTube, Vimeo i Kinescope. Aby dodać film, należy podać jego dane w następującym formacie:
Link do filmu; Tytuł filmu; Czas trwania filmu; Opis filmu

Krótkie streszczenie każdego filmu z listy odtwarzania należy podać w nowym wierszu.

Widżet wideo to mały film w rogu ekranu, który może pomóc w udostępnieniu historii produktu lub usługi. Podgląd jest odtwarzany bez dźwięku, a po jego kliknięciu ładowany jest główny film z dźwiękiem.

Aby dodać widżet wideo, przejdź do kategorii Wideo i wybierz blok VD16.

Przed dodaniem pliku należy przygotować i zoptymalizować film pod kątem publikacji w sieci (korzystając ze specjalnego oprogramowania lub edytorów internetowych, takich jak Veed.io).

Następnie należy przesłać plik do Tilda innej platformy oferującej przechowywanie plików wideo i udostępnianie ich za pomocą bezpośredniego linku. Jeśli film został przesłany do serwisu zewnętrznego, należy podać bezpośredni link do pliku w Tilda.

Możesz opcjonalnie dodać wersję podglądową filmu. Pomoże to użytkownikom zapoznać się z treścią głównego filmu i skróci czas ładowania strony.
Optymalny rozmiar filmu to 200 pikseli szerokości i maksymalnie 5 sekund.

Możesz również określić link i tekst do przycisku w głównym filmie, jeśli Twoim celem jest zachęcenie odwiedzającego do wykonania jakiejś czynności. Jeśli nie potrzebujesz przycisku, pozostaw te pola puste.

W ustawieniach bloku można dostosować parametry widżetu, głównego otwieranego wideo i przycisków. W przypadku widżetu można określić współczynnik proporcji, szerokość i parametry obramowania, pozycję na ekranie i inne parametry. W przypadku głównego wideo można skonfigurować obramowanie, cień i parametry przycisku odtwarzania. Szerokość wideo jest zawsze stała - 560x315 dla filmów poziomych i odwrotnie - 315x560 dla filmów pionowych.

Aby dodać wideo na stronie Zero Block → kliknij przycisk (+) i dodaj element wideo → wybierz jedną z dostępnych opcji, aby dodać wideo: YouTube, Vimeo, MP4, Kinescope → wklej link do filmu lub jego ID.

Aby dodać filmy z innych serwisów, możesz skorzystać z opcji osadzania kodu HTML: Dodaj element HTML → kliknij przycisk Edytuj kod w panelu ustawień → określ kod do osadzenia odtwarzacza. Poniżej ↓ można znaleźć przykłady, jak uzyskać kod.

W katalogu produktów można dodać film wideo, aby zaprezentować produkt. Aby to zrobić, przejdź do karty produktu → kliknij link "Wideo" obok dowolnego zdjęcia produktu i wstaw link do filmu z YouTube, Vimeo lub Kinescope lub jego identyfikator.

W Kanałach można dodać zarówno główny film dla postu (będzie on wyświetlany na początku postu i używany jako okładka na liście postów), jak i wstawić kilka filmów do tekstu postu w Kanałach.

Aby dodać główny film, przejdź do pola z obrazem na karcie edycji postu w Kanałach → zakładka "Wideo" i wklej link do filmu.

Wideo zostanie wyświetlone na początku wpisu.

Aby dodać wideo w tekście posta, kliknij ikonę plusa po lewej stronie → dodaj blok wideo → kliknij go i podaj link do filmu.

Klikając trzy kropki po lewej stronie bloku, można zmienić wideo.

Wideo zostanie wstawione do tekstu posta. Zapisz zmiany.

Następnie wideo zostanie wyświetlone w tekście na stronie posta.

Filmy można dodawać poprzez osadzenie kodu odtwarzacza w bloku kodu HTML. Aby to zrobić, przejdź do ustawień odtwarzacza lub usługi, aby uzyskać kod do osadzenia.

W przypadku Kinescope kliknij przycisk z trzema kropkami przy filmie na liście → Embed → wybierz kod responsywny, jeśli chcesz dostosować odtwarzacz do rozmiaru ekranu lub kod stały, aby dodać mały odtwarzacz i określić jego rozmiar i położenie w skopiowanym kodzie → wklej otrzymany kod do bloku T123 z kategorii "Inne" lub w elemencie HTML w Zero Block.