Не вижу, вставил YouTube на реагировать родной

Question

Я пытаюсь добавить встроенное видео на YouTube в мое реактивное приложение. Элемент находится на проверке, но контент не отображается

<YouTube
            videoId="KVZPZI6W4"   // The YouTube video ID
            play={true}             // control playback of video with true/false
            fullscreen={true}       // control whether the video should play in fullscreen or inline
            loop={true}             // control whether the video should loop when ended

            onReady={e => this.setState({ isReady: true })}
            onChangeState={e => this.setState({ status: e.state })}
            onChangeQuality={e => this.setState({ quality: e.quality })}
            onError={e => this.setState({ error: e.error })}

            style={{ alignSelf: 'stretch', height: 300 }}
          />

Answer 1

Я попытался использовать ваш идентификатор видео в URL-адресе YouTube, и он сказал, что видео было недоступно (может быть частным или по разным причинам).

Попробуйте использовать пример идентификатора видео и посмотрите, работает ли это: KVZ-P-ZI6W4 Также убедитесь, что у вас приличное сетевое соединение.

<YouTube
  videoId="KVZ-P-ZI6W4"   // The YouTube video ID
  play={true}             // control playback of video with true/false
  fullscreen={true}       // control whether the video should play in fullscreen or inline
  loop={true}             // control whether the video should loop when ended

  onReady={e => this.setState({ isReady: true })}
  onChangeState={e => this.setState({ status: e.state })}
  onChangeQuality={e => this.setState({ quality: e.quality })}
  onError={e => this.setState({ error: e.error })}

  style={{ alignSelf: 'stretch', height: 300 }}
/>