React-native-video не показывает видеоплеер

Я использую пакет response-native-video, чтобы получить видеоплеер, в котором я могу воспроизводить свои видео на YouTube.

Я пробовал это, но вместо видеоплеера появлялось только пустое место.

import Video from 'react-native-video';
    <Video source = {{uri: 'https://thewikihow.com/video_Gh2FaDqZp2g'}}
                       ref = {(ref) => {
                         this.player = ref
                       }}
                     onBuffer = {this.onBuffer}
                     onEnd = {this.onEnd}
                     onError = {this.videoError}
                     style = {styles.backgroundVideo} />

стиль:

backgroundVideo: {
    height:300,
    width:'100%',
  }

android ios react-native react-native-video

26.09.2018 07:13

Коллекции (ArrayList , HashSet , HashMap)

14 226

Ответы 2

Я думаю, что тег видео примет Uri, оканчивающийся на формат .mp4 ..

Пожалуйста, замените свой uri на этот http://d23dyxeqlo5psv.cloudfront.net/big_buck_bunny.mp4

(Примечание: Некоторые другие uri также могут использоваться с тем же форматом) и checkout.

Но для потоковой передачи видео с Youtube вам придется использовать реагировать родной YouTube и Компонент Youtube API.

Пожалуйста, обратитесь по этой ссылке для получения дополнительной информации

Следуйте примеру "использования" в данной ссылке npmjs.com/package/react-native-video .. Следуйте инструкциям. Если это не работает, опубликуйте свою ошибку

— 26.09.2018 09:54

Дело в том, что он не показывает ошибки, просто появляется пустое пространство из-за этого css

— 26.09.2018 12:15

Так что-нибудь придумали? @Сэнди

— 27.09.2018 08:33

@Eshant Bist Извините, я пытаюсь отправить вам несколько решений в рамках EOD

— 27.09.2018 08:45

26.09.2018 08:57

Я вижу в вашем коде проблемы:

1 / uri: замените этой ссылкой: "http://d23dyxeqlo5psv.cloudfront.net/big_buck_bunny.mp4"

source = {{uri: 'http://d23dyxeqlo5psv.cloudfront.net/big_buck_bunny.mp4'}}

2 / Ваш стиль: насколько я помню, width: '100% не работает, вы должны установить его на определенное число. Или вы можете сделать вид контейнера для видео, который будет обертывать просмотр видео.

<View style = {styles.videoContainer}>
    <Video
        source = {{uri: 'http://d23dyxeqlo5psv.cloudfront.net/big_buck_bunny.mp4'}}
        ref = {(ref) => {
            this._player = ref
        }}                                      
        ...
        style = {styles.video}/>
</View>

Стиль просмотра:

videoContainer: {
    flex: 1,
    backgroundColor: 'black',
},
video: {
    position: 'absolute',
    top: 0,
    bottom: 0,
    left: 0,
    right: 0,
},

Надеюсь, это поможет тебе.

Вопрос в том, чтобы проиграть видео Youtube. По умолчанию он будет воспроизводить формат MP4.

— 03.09.2019 12:27

25.10.2018 05:53