--- url: 'https://dxpr.com/pl/hc/documentation/learn-dxpr-builder/elements/video' title: 'Dodawanie wideo | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T01:35:37+00:00' updated: '2026-10-24T09:09:48+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: 'Otrzymujesz wideo z YouTube albo Vimeo, które wypełnia kolumnę, z opcjonalną okładką i przyciskiem odtwarzania. Użyj go do dem produktów, wykładów, samouczków albo klipów promocyjnych.' tags: - 'Tekst en media' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T09:09:48+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Dodawanie wideo' description: 'Otrzymujesz wideo z YouTube albo Vimeo, które wypełnia kolumnę, z opcjonalną okładką i przyciskiem odtwarzania. Użyj go do dem produktów, wykładów, samouczków albo klipów promocyjnych.' image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T01:35:37+0000' dateModified: '2026-10-24T09:09:48+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/pl/hc/documentation/learn-dxpr-builder/elements/video' articleSection: 'Tekst en media' - '@type': WebPage '@id': 'https://dxpr.com/pl/hc/documentation/learn-dxpr-builder/elements/video' description: 'Otrzymujesz wideo z YouTube albo Vimeo, które wypełnia kolumnę, z opcjonalną okładką i przyciskiem odtwarzania. Użyj go do dem produktów, wykładów, samouczków albo klipów promocyjnych.' breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: 'Strona Główna' item: 'https://dxpr.com/pl' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: pl --- [Help Center](/pl/hc)/[Documentation](/pl/hc/documentation) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Build pages](/hc/documentation/learn-dxpr-builder/build) /[Add content](/hc/documentation/learn-dxpr-builder/elements) /[Tekst en media](/hc/documentation/learn-dxpr-builder/elements/text-and-media) # Dodawanie wideo. Learn DXPR BuilderBuild pagesAdd contentTekst en media ## In this guide Related guides - [Zmień wygląd elementu w panelu Styl](/pl/hc/documentation/learn-dxpr-builder/element-settings/style-tab) Otrzymujesz wideo z YouTube albo Vimeo, które wypełnia kolumnę, z opcjonalną okładką i przyciskiem odtwarzania. Użyj go do dem produktów, wykładów, samouczków albo klipów promocyjnych. ## Dodaj wideo Otwórz swoją stronę po zalogowaniu: przyciski kreatora pojawiają się po najechaniu na obszar treści. [Twoja pierwsza strona](/hc/documentation/learn-dxpr-builder/getting-started/first-page) przedstawia podstawy. 1. Najedź na kolumnę i kliknij **+** na jej pasku sterowania albo kliknij **Add Elements** na pustej stronie. Otwórz zakładkę **Treść** i kliknij **wideo**. Wideo pojawi się na górze kolumny i otworzy się okno ustawień. 2. Wklej albo wpisz URL z YouTube albo Vimeo w polu **Link wideo**. 3. W sekcji **Obraz** kliknij **Select Image**, aby otworzyć **przeglądarkę mediów**. Aby znaleźć zdjęcie, wpisz część jego nazwy i kliknij **Apply filters**. Zaznacz zdjęcie i kliknij **Insert selected**. Stanie się okładką. 4. Wybierz, czy pokazywać **tematyczny przycisk odtwarzania** na okładce. Domyślnie wyłączony. Tutaj jest włączony. 5. Kliknij **Zapisz** w oknie dialogowym. Następnie kliknij **Zapisz** na pasku narzędzi u góry obszaru treści, aby zapisać stronę. ## Co widzisz Twoje wideo pojawia się w ramce 16:9 na szerokość kolumny. Na filmie zdjęcie okładki wypełnia ramkę, a na nim siedzi tematyczny przycisk odtwarzania. Odtwarzacz YouTube wczytuje się dopiero, gdy ktoś kliknie zdjęcie albo przycisk. Odwiedzający zobaczą go po zapisaniu i opublikowaniu strony. ## Skonfiguruj wideo Najedź na element i otwórz **More > Settings** na jego pasku sterowania. Opcje: - **Link wideo:** URL z YouTube albo Vimeo. Działają linki zwykłe, krótkie i do osadzania. - **Szerokość wideo:** szerokość CSS, na przykład `100%` albo `800px`. Domyślnie `100%`. - **Obraz:** okładka pokazywana przed odtworzeniem. Gdy ustawisz obraz, odtwarzacz YouTube albo Vimeo wczytuje się dopiero po kliknięciu odwiedzającego, więc strona wczytuje się szybciej. - **Tematyczny przycisk odtwarzania:** przycisk odtwarzania w głównym kolorze twojego motywu, pokazywany nad filmem albo obrazem. Domyślnie wyłączony. Kliknięcie jego albo obrazu startuje wideo bez dźwięku. ## Jeśli go nie widać - **Wideo nie występuje w zakładce Treść.** Twój profil użytkownika go ukrywa. Poproś administratora o włączenie go na stronie [Profile użytkowników](/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin). - **Zniknęło po przeładowaniu.** Strona nie została zapisana. Dodaj go ponownie i kliknij **Zapisz** na pasku narzędzi u góry obszaru treści. - **Zamiast odtwarzacza pojawia się puste miejsce.** Pole **Link wideo** jest puste albo zawiera URL spoza YouTube i Vimeo. Najedź na element i otwórz **More > Settings**, a następnie wklej prawidłowy URL z YouTube albo Vimeo. - **Odtwarzacz pokazuje błąd zamiast wideo.** Film jest prywatny albo właściciel nie zezwala na osadzanie. Ustaw publiczny albo niepubliczny i zezwól na osadzanie w YouTube albo Vimeo albo podlinkuj inny film. - **Wideo jest za szerokie albo za wąskie na kolumnę.** **Szerokość wideo** ma stały rozmiar, na przykład `800px`. Ustaw `100%`, aby wypełniło kolumnę. ## Co dalej? [Panel Styl](/pl/hc/documentation/learn-dxpr-builder/element-settings/style-tab), aby zmienić odstępy i tło wideo.