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)