• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Sterowanie playlistą osadzona w elemencie <Iframe> w Reactcie

VPS Starter Arubacloud
0 głosów
109 wizyt
pytanie zadane 23 marca 2021 w JavaScript przez Lyokoheros Początkujący (340 p.)

Mam taki problem, otóż chciałem zrobić sobie reactowy komponent, który wyświetla playlistę (z YouTube'a) oraz pewne dodatkowe dane zależnie od tego który utwór jest odtwarzany. 

Chciałbym wewnątrz komponentu mieć coś takiego  By generować playlistę (podaną jako parametr komponentu) i wyświetlać w niej filmik o podanym Id (stąd parametr index, który nie ma jednak w praktyce żadnego efektu. Tym co chciałem osiągnąć byłoby np ustawienie playera na 3 filmik przy takim parametrze src https://www.youtube.com/embed/videoseries?list=PL-lX-NzYWEQOYfEL1vGyTEJ9fAVXBG04v&index=3). Chciałbym też by id w stanie (state) komponentu zmieniało się za każdym razem gdy playlista przechodzi do kolejnego video (np przez odpalanie w Iframie jakiejś funkcji, która zwiększy state.id o 1), tak by móc odpowiednio zmieniać wyświetlane na stronie dane.

<iframe 
     src={this.props.playlistUrl+"&index="+this.state.id}
     width="640" height="360"  frameborder="0" allowfullscreen
     allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" 
/>

Znaczy ewentualnie może mógłbym od nowa oprogramować playlistę przy użyciu iframe'ów z pojedynczym video, ale to chyba byłoby wynajdywanie koła na nowo(no i jednak średnio mam pomysł jak odtworzyć samą listę wyboru konkretnego video...).

Z drugiej strony gdy szukałem jakiegoś rozwiązania nie znajdowałem nic przydatnego, a jedynie masę informacji wokół. (Jeśli jest jakieś inne rozwiązanie opisanego problemu niż to o którym pisałem to też chętnie je poznam, chciałbym jednak by było do wykorzystania w Reactcie)

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

0 głosów
1 odpowiedź 1,348 wizyt
pytanie zadane 12 marca 2017 w HTML i CSS przez Kasztan Dyskutant (8,080 p.)
0 głosów
0 odpowiedzi 164 wizyt
pytanie zadane 25 lipca 2017 w JavaScript przez Alex.Ironside Stary wyjadacz (14,880 p.)
0 głosów
2 odpowiedzi 1,989 wizyt
pytanie zadane 5 lipca 2019 w HTML i CSS przez Luckyluck87 Użytkownik (660 p.)

92,451 zapytań

141,261 odpowiedzi

319,073 komentarzy

61,853 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...