Dodaj blok wideo sticky na landing page React/Vite
Potrzebne jest zrealizowanie sticky video block z YouTube-wideo na stronie.
Co należy zrobić
- Umieścić wideo YouTube na stronach
- Zrealizować wyświetlanie wideo w formacie sticky block
- Wskazówki dotyczące designu/zachowania:
- wideo przypięte na górze strony
- analogicznie do przykładu z referencji
- Wideo powinno:
- automatycznie odtwarzać się
- mieć możliwość wstrzymania
- obsługiwać powiększenie/rozwinięcie
Wymagania techniczne
- React / Vite
- Staranna responsywna szata graficzna
- Poprawne działanie na urządzeniach mobilnych i desktopowych
- Czysty kod komponentów
Od wykonawcy oczekujemy
- Oceny pod względem terminów i kosztów
- Gotowości do szybkiego przystąpienia do zadania
-
1 dzień82 PLN
1 dzień82 PLN
Cześć!\nJestem gotów zająć się Twoim projektem, wykonam go w trybie pilnym.\nMam ogromne doświadczenie w pracy z podobnymi zadaniami, nie będzie żadnych trudności.\nJeśli Cię zainteresowałem, chętnie nawiążę współpracę!
-
1 dzień82 PLN
1 dzień82 PLN
Cześć, Jarosławie! Zrobię sticky blok YouTube na React/Vite: wideo będzie przypięte na górze, z automatycznym odtwarzaniem i poprawnym wsparciem dla mobilnych przeglądarek, a także funkcjami pauzy i rozwijania. Komponent będzie czysty, responsywny dla desktopów i urządzeń mobilnych.
-
3 dni82 PLN
258 3 dni82 PLN
Cześć!
To zadanie jest mi bliskie — sticky-blok na React to kombinacja IntersectionObserver + CSS position, realizowałem coś podobnego wcześniej. Autoodtwarzanie, pauza i rozwijanie przez YouTube IFrame API są podłączane czysto i bez zbędnych zależności.
Zanim podam dokładne terminy i koszt, chciałbym wyjaśnić kilka kwestii:
1. Czy możesz podzielić się referencją zachowania? Żeby zrozumieć dokładną logikę — sticky pojawia się od razu czy po przewinięciu obok bloku?
2. Wideo jest przypięte w rogu ekranu (styl pip) czy pozostaje na górze strony jako stały baner?
3. To oddzielny komponent, który trzeba wbudować w istniejący projekt, czy zrobić od zera?
… 4. Czy jest już jakiś projekt, czy projektujemy według własnego uznania?
Orientacyjnie — 2-3 dni, od 60$ w zależności od złożoności integracji.
Jestem gotowy do szybkiego działania. Czekam na szczegóły!
-
1 dzień123 PLN
522 1 dzień123 PLN
Cześć, Jarosławie!
Jestem gotów zrealizować sticky video block z filmu YouTube dla twojego landing page'a w React/Vite.
Co zrobię:
— sticky-blok z automatycznym odtwarzaniem przy przewijaniu do odpowiedniej sekcji
— pauza, rozwijanie, poprawne działanie na urządzeniach mobilnych i desktopowych
— czysty kod komponentów w TypeScript z estetycznym responsywnym układem
— żadnych zbędnych zależności — tylko natywny YouTube IFrame API
…
Kod będzie czysty, bez "kuli u nogi", z przejrzystą strukturą komponentów. Jestem gotów dostarczyć wynik w repozytorium Git.
Termin: 1 dzień. Mogę zacząć od razu.
-
2 dni123 PLN
453 2 dni123 PLN
Cześć! Mogę zrealizować sticky video block z YouTube w React/Vite.
Co wchodzi w skład zadania:
— integracja wideo z YouTube na stronie;
— sticky-przytwierdzenie bloku na górze strony;
— responsywne układanie dla urządzeń mobilnych i desktop;
— autoplay z uwzględnieniem ograniczeń przeglądarek;
— zarządzanie wideo przez YouTube IFrame API;
— przycisk pauzy/odtwarzania;
… — możliwość rozwijania/zawijania bloku wideo;
— czysty kod komponentów.
Orientacyjnie w terminach: 1 dzień roboczy, jeśli projekt i zachowanie bloku są już zrozumiałe. Jeśli trzeba jeszcze dostosować do konkretnego odniesienia, dodać animacje, stan zamknięcia/minimalizacji lub zintegrować w istniejącą złożoną strukturę strony — może to zająć do 1–2 dni.
Co do kosztów, mogę się orientować po obejrzeniu odniesienia i aktualnego kodu projektu. Jestem gotów szybko przystąpić.
-
2 dni410 PLN
536 9 0 2 dni410 PLN
Cześć! Widziałem opis zadania: realizacja bloku wideo sticky z YouTube na React/Vite. To standardowy komponent, który zrobię za pomocą Intersection Observer API lub niestandardowego hooka, aby wideo przyklejało się do górnej części podczas przewijania. Wsparcie dla automatycznego odtwarzania, pauzy i rozwijania na urządzeniach mobilnych i desktopowych zostanie zrealizowane bez zbędnych zależności.
Zajmuję się frontendem od 3,5+ roku, główny stack: React, Next.js, Vue/Nuxt, TypeScript. Piszę czysty kod komponentowy z responsywnym układem. Takie zadania zazwyczaj wykonuję w ciągu 1-2 dni.
Jestem gotowy omówić szczegóły i przystąpić w najbliższym czasie. Czy jest jakiś referencyjny projekt lub makieta, którą trzeba powtórzyć?
-
4 dni410 PLN
330 4 dni410 PLN
Dzień dobry!
Przeczytałem specyfikację — zadanie jest zrozumiałe, robiłem podobne sticky-bloki (wideo/CTA/banery) z zachowaniem "pojawia się przy przewijaniu, zwija/rozwija". Jestem gotów podjąć się tego zadania.
Co do realizacji:
1. Podłączę YouTube IFrame Player API przez react-youtube lub przez bezpośredni postMessage — zależy od tego, jakie dokładnie kontrolki są potrzebne (pauza/odtwarzanie przez niestandardowe przyciski czy natywne kontrolki YouTube).
2. Logika sticky: position: fixed + trigger przy przewijaniu / Intersection Observer, z płynna animacją pojawiania się.
3. Stany: collapsed (mały przypięty), expanded (pełny rozmiar), pause/play, close.
4. Responsywność: na desktopie sticky z góry lub z boku, na mobile — z dołu (standard UX), aby nie zasłaniać treści.
… 5. Komponent izolowany, z propsami (videoId, position, defaultExpanded itp.) — można go ponownie wykorzystać na różnych stronach.
Pytania dodatkowe:
1. Czy można podać link do referencji? "Analogicznie do przykładu" w specyfikacji — potrzebny jest konkretny przykład, aby uniknąć nieporozumień co do zachowania.
2. Wideo z dźwiękiem czy wyciszone? Jeśli potrzebne jest autoplay z dźwiękiem — na iOS działa to tylko po pierwszym tapnięciu, to kwestia techniczna.
3. Na jakich stronach umieścić sticky? Jeden komponent na wszystkich czy na konkretnych?
Stos: React + Vite — natywny, pracuję na tym codziennie.
Przykłady:
- prof1.ua, transmet.com.ua — e-commerce
- logicpower.ua — strona korporacyjna z interaktywnymi elementami
- weather-app-two-pi-99.vercel.app — projekt pet na Vite
Jestem gotów przystąpić od razu po wyjaśnieniach.
-
1 dzień91 PLN
654 2 0 1 dzień91 PLN
Cześć! Realizuję sticky-wideo na React + Vite zgodnie z waszym referencją.
Funkcjonalność: Ustawię autoplay, pauzę oraz zmianę rozmiaru z pełną responsywnością (Mobile/Desktop).
Jakość: Używam FSD (Feature-Sliced Design) dla czystej i zrozumiałej struktury kodu.
Ocena: Praca zajmie 4–6 godzin (1 dzień).
Cena: 14$/godz. Gotowy do rozpoczęcia zadania od razu!
-
1 dzień123 PLN
1798 18 0 1 dzień123 PLN
Dzień dobry, zajmuję się programowaniem od ponad 3 lat, jestem gotów szybko i jakościowo wykonać twoje zadanie. Będę zadowolony ze współpracy.
-
1 dzień82 PLN
535 29 0 1 dzień82 PLN
Cześć, jestem programistą Full Stack JS. Mam duże doświadczenie z React/Vite. Czy omówimy szczegóły?
-
1 dzień70 PLN
381 1 dzień70 PLN
Cześć! Opracuję dla Ciebie landing page na klucz według Twojego briefu.
Pracuję z HTML/CSS/JS lub React — gwarantuję szybkość, responsywność i czysty kod.
Jestem cały czas w kontakcie, dotrzymuję terminów i doprowadzam projekt do rezultatu.
Termin: 1-2 dni
Gotowy do rozpoczęcia od razu.
-
5 dni164 PLN
1567 5 0 5 dni164 PLN
Dzień dobry. Mam dobre doświadczenie w integracjach backendowych, VPS, SMTP/Mailgun oraz podłączaniu zewnętrznych usług. Mogę szybko się podłączyć i zamknąć zadania związane z konfiguracją kont, integracją gier, aktualizacją danych z backendu, konfiguracją blokad i repozytoriów Git.
-
1 dzień164 PLN
2060 25 0 1 dzień164 PLN
Dzień dobry. Jestem gotów do pracy. Wykonam zgodnie z wymaganiami. Proszę pisać na priv, omówimy szczegóły.
-
1 dzień123 PLN
650 2 0 1 dzień123 PLN
Cześć!
Realizujemy blok wideo YouTube w trybie sticky na React / Vite:
— Sticky zachowanie: wideo przykleja się na górze podczas przewijania
— Autoodtwarzanie, pauza, przejście na pełny ekran
— Responsywna szata graficzna — poprawnie na urządzeniach mobilnych i desktopach
— Czysty kod komponentów, gotowy do integracji
… Jesteśmy gotowi szybko zacząć. Napisz na prywatną wiadomość — doprecyzujemy szczegóły strony.
-
2 dni164 PLN
421 2 dni164 PLN
Witam!\nJakościowo wykonam twoje zadanie. Używam podejścia wspomaganego przez AI do szybkiego i jakościowego wykonania. Gotowy, aby zacząć od razu.
-
1 dzień123 PLN
1013 21 0 1 dzień123 PLN
Witam. Jestem gotów przystąpić od razu po uzgodnieniu warunków! Zrobię blok zgodnie z Twoim TZ. Jeśli dobrze rozumiem, ten blok ma być zrobiony na podstawie już istniejącej aplikacji? Czy ma to być osobna mini-aplikacja? Proszę o więcej szczegółów, dziękuję!
Mam nadzieję na współpracę :)
-
1 dzień82 PLN
865 50 0 1 1 dzień82 PLN
Cześć! Zrobię sticky video block. Na początek stworzę komponent UI bloku, aby można go było ponownie wykorzystać. Następnie dodam go do głównego kodu i skonfiguruję. Piszcie, chętnie pomogę! Cena: 1000 zł Terminy: 1 dzień Portfolio:
Freelancehunt Piszcie, chętnie pomogę!
-
1 dzień123 PLN
3912 6 0 1 dzień123 PLN
Dzień dobry! Tutaj musisz spojrzeć na kod. 1. realizacja przez iframe 2. realizacja przez komponent React 3. jeśli jest panel administracyjny, to możliwe przez tag i podstawienie tam linku do wideo 4. jeśli strona bez osobnego API, również można przez tag.
-
1 dzień164 PLN
1014 6 0 1 dzień164 PLN
Jestem gotowy do rozpoczęcia realizacji już. Ciekawe, ile ma być stron. Cena i terminy są orientacyjne.
-
1 dzień164 PLN
3700 17 0 1 dzień164 PLN
Cześć! 👋
Jestem gotowy do realizacji sticky video block z YouTube wideo dla strony React / Vite. Zadanie jest jasne: wideo ma być przypięte na górze strony, automatycznie odtwarzane, mieć pauzę oraz możliwość rozwijania/powiększania, poprawnie działać na desktopie i urządzeniach mobilnych.
Czekam na Twoją wiadomość w prywatnych!
Z poważaniem,
Andrij!
-
1 dzień82 PLN
94028 1269 1 10 1 dzień82 PLN
Witam. Pracuję z React/Node.js od ponad 9 lat. Czy można zapoznać się z projektem i designem w celu oceny zadania?
-
1 dzień164 PLN
10123 117 0 1 dzień164 PLN
Witam.
Jestem programistą NodeJS. Jestem gotów podjąć się tego zadania. Piszcie, omówimy.
-
2 dni148 PLN
764 5 1 2 dni148 PLN
Cześć, Jarosławie! (właśnie również odpowiedziałem na twój projekt landingowy)
Zrobię sticky video block na React/Vite:
— YouTube iframe z automatycznym odtwarzaniem i pauzą
— Sticky zachowanie na górze podczas przewijania
— Wsparcie dla pełnoekranowego wyświetlania
— Responsywny desktop + mobile, czysty komponent
Czy jest jakiś referencyjny projekt, który chcesz powtórzyć?
-
1 dzień57 PLN
9030 69 0 1 dzień57 PLN
Dzień dobry, czy możesz dostarczyć projekt dla tego zadania. Jestem gotów wykonać wszystko w ciągu 30 minut.
-
1 dzień123 PLN
1318 2 0 1 dzień123 PLN
Witam. W sprawie sticky video na React/Vite - chodzi o dodanie gotowego odtwarzacza YouTube z pozycją: sticky i paroma stanami (zwinięty/rozwinięty). Robiłem coś podobnego dla landingów na Next.js, gdzie wideo pozostawało w widoku podczas przewijania, z automatycznym odtwarzaniem i kontrolkami. Potrzebne jest jedno doprecyzowanie: czy jest gotowy referencja lub makieta, od której można się odnieść w kwestii odstępów i punktu przełączania sticky? To określi ostateczne zachowanie na urządzeniach mobilnych.
-
1 dzień164 PLN
3082 9 0 1 dzień164 PLN
Dzień dobry!
Bez problemu zrealizuję sticky blok YouTube na React / Vite z automatycznym odtwarzaniem, pauzą i rozwijaniem. Adaptacyjny mobile + desktop.
Zrobię to w 1 dzień. Koszt — po ustaleniu szczegółów (liczba stron, referencje).
GitHub: https://github.com/axbuglak
Piszcie, przystąpię szybko.
Z poważaniem, Bugałak Ołeksij
-
2 dni103 PLN
3550 51 2 2 dni103 PLN
Dzień dobry. Nazywam się Aleksander, jestem programistą full stack z 4-letnim doświadczeniem komercyjnym. Mogę zrealizować sticky video block dla React/Vite landing: osadzenie YouTube, autoplay, pauza, responsywny układ dla desktop/mobile, a także tryb powiększenia/rozwinięcia. Kod zrobię jako osobny czysty komponent, aby można go było łatwo ponownie wykorzystać na różnych stronach. Co do terminów: orientacyjnie 1-2 dni, w zależności od referencji i aktualnej struktury projektu. Koszt mogę oszacować po obejrzeniu strony/makiety, ale zadanie jestem gotów wykonać szybko. Mogę przystąpić w najbliższym czasie.
-
7 dni164 PLN
573 5 0 7 dni164 PLN
Cześć, pracowałem nad wdrożeniem interaktywnych komponentów wideo dla aplikacji React, w tym sticky-bloków z YouTube API - zwiększyłem zaangażowanie użytkowników o 40%
Czy planujecie zintegrować dodatkowe funkcje odtwarzacza wideo, takie jak kontrola prędkości odtwarzania lub zakładki czasowe?
Proponuję się skontaktować, chętnie doradzę Państwu z technicznej strony i stworzymy plan rozwoju + opowiem o moim zespole! ✨
-
2 dni103 PLN
303 1 0 2 dni103 PLN
Witaj!
Specjalizuję się w React / Vite i mam doświadczenie w realizacji skomplikowanych komponentów UI z określoną logiką zachowania. Twoje zadanie dotyczące sticky video block jest dla mnie zrozumiałe — zrealizuję je z użyciem czystych metod, bez zbędnych bibliotek, aby zachować wysoką prędkość ładowania stron.
Co oferuję:
• Realizacja techniczna: Ustawię poprawne zachowanie wideo podczas przewijania, automatyczne odtwarzanie oraz pełną kontrolę nad odtwarzaczem (pauza, rozwinięcie).
• Jakościowe wykonanie: Wideo będzie idealnie dostosowane do urządzeń mobilnych i desktopów, nie zasłaniając ważnych elementów treści.
• Czysty kod: Wykorzystam podejście komponentowe, co pozwoli Ci łatwo skalować lub przenosić ten blok w przyszłości.
• Szybkość: Jestem gotów przystąpić do realizacji natychmiast, ponieważ mam doświadczenie w pracy z podobnymi rozwiązaniami.
Będę zadowolony, aby przejrzeć referencje i omówić techniczne szczegóły. Gwarantuję profesjonalne wykonanie w ustalonym terminie.
-
1 dzień57 PLN
842 3 0 1 dzień57 PLN
Dzień dobry. Z Reactem pracuję codziennie. Jestem gotów zrobić według waszego refrenu.
-
Якщо так, як я собі уявляю, то там може бути і не треба React / Vite, я колись робив фіксований віджет з тегом video, можна і загорнути у посилання на youtube. Якщо ні - значить не таке, як я думаю. Покажіть будь ласка приклад.
-
Aktualne zlecenia dla freelancerów w kategorii Javascript & Typescript
Poprawić CSS/DOM-układ kart w rozszerzeniu Chrome dla lokalizacji D&D BeyondJest to rozszerzenie Chrome Manifest V3, które lokalizuje stronę D&D Beyond na język ukraiński. Projekt napisany jest w TypeScript + WXT. Rozszerzenie działa poprzez skrypt zawartości: znajduje angielski tekst na stronach D&D Beyond i zastępuje go ukraińskim tłumaczeniem.… Układ HTML i CSS, Javascript & Typescript ∙ 1 dzień 6 godzin temu ∙ 37 ofert |
Rozwój platformy AM Mobility (serwis samochodowy, parking, ubezpieczenie, wynajem samochodów)
21 265 PLN
Szukamy zespołu lub doświadczonego programisty Full Stack do stworzenia MVP platformy AM Mobility. AM Mobility to jednolita cyfrowa ekosystem dla kierowców, łącząca w jednej aplikacji i platformie internetowej: parking; serwis samochodowy; wulkanizację; myjnię samochodową;… Javascript & Typescript, Programowanie stron internetowych ∙ 1 dzień 15 godzin temu ∙ 98 ofert |
Animacje Gsap
82 PLN
Dzień dobry. Trzeba wprowadzić poprawki w bieżącym projekcie. Potrzebny specjalista, który dobrze pracuje na gsap/lenis Trzeba zrobić animację kart. Szczegółowe wymagania tutaj:… Javascript & Typescript, Programowanie stron internetowych ∙ 1 dzień 21 godzin temu ∙ 21 ofert |
Komercyjna platforma wideokonferencyjna on-premise „ViM”Wymagana jest opracowanie systemu wideokonferencyjnego on-premise z podstawowym obliczeniem na 100 jednoczesnych połączeń (10 izolowanych pokoi po 10 osób). Platforma powinna mieć wbudowaną architekturę do przyszłego poziomego skalowania do 1000 użytkowników poprzez dodawanie… Javascript & Typescript, Programowanie stron internetowych ∙ 2 dni 16 godzin temu ∙ 32 oferty |
Szukam mentora z Claude Code do uruchomienia projektu internetowego od zera**Krótko o zadaniu:** Jestem nowicjuszem bez doświadczenia w programowaniu. Mam gotowe TŻ na rozwój strony (42 strony, Next.js, PostgreSQL). Chcę zrealizować to samodzielnie za pomocą Claude Code - potrzebuję specjalisty, który skonfiguruje środowisko i nauczy mnie pracy z… Javascript & Typescript, Edukacja ∙ 3 dni 20 godzin temu ∙ 18 ofert |
Kijów