React native Video не показывает предварительный просмотр списка видео на iOS - PullRequest
Новая
       18

React native Video не показывает предварительный просмотр списка видео на iOS

0 голосов
/ 31 декабря 2018

Я использую реагирующее видео для видеоплеера, но он не отображает предварительный просмотр списка видео.

Пожалуйста, отметьте это 

<Video
    ref={ref => this._video = ref}
    source={{ uri: "https://www.radiantmediaplayer.com/media/bbb-360p.mp4" }}
     resizeMode={'cover'}
     repeat={true}
     paused = {true}
     style={{
         height: 200,
         width: 200,
     }}
     onLoad={() => {
         this._video.seek(2);
     }} />


    <Video
        ref={ref => this._video = ref}
        source={{ uri: "https://www.radiantmediaplayer.com/media/bbb-360p.mp4" }}
         resizeMode={'cover'}
         repeat={true}
         paused = {true}
         style={{
             height: 200,
             width: 200,
         }}
         onLoad={() => {
             this._video.seek(2);
         }} />
   <Video
        ref={ref => this._video = ref}
        source={{ uri: "https://www.radiantmediaplayer.com/media/bbb-360p.mp4" }}
         resizeMode={'cover'}
         repeat={true}
         paused = {true}
         style={{
             height: 200,
             width: 200,
         }}
         onLoad={() => {
             this._video.seek(2);
         }} />

Показывает предварительный просмотр только первого видео.

Если это невозможно, может кто-нибудь предложить мне любую другую библиотеку для предварительного просмотра видео с URL.

Спасибо!

1 Ответ

0 голосов
/ 01 января 2019

Наконец-то я нашел решение этой проблемы, добавив уникальный «ref» в каждый тег 

<Video
    ref={ref => this._video1 = ref}
    source={{ uri: "https://www.radiantmediaplayer.com/media/bbb-360p.mp4" }}
     resizeMode={'cover'}
     repeat={true}
     paused = {true}
     style={{
         height: 200,
         width: 200,
     }}
     onLoad={() => {
         this._video1.seek(2);
     }} />


    <Video
        ref={ref => this._video2 = ref}
        source={{ uri: "https://www.radiantmediaplayer.com/media/bbb-360p.mp4" }}
         resizeMode={'cover'}
         repeat={true}
         paused = {true}
         style={{
             height: 200,
             width: 200,
         }}
         onLoad={() => {
             this._video2.seek(2);
         }} />

Спасибо!

...