Bonjour,

Je suis débutant en React.js et j'aurais besoin d'aide pour un projet que je suis en train de développer actuellement. J'ai créé un fichier data.js dans lequel j'enregistre les informations sur les vidéos, y compris l'URL qui correspond à l'adresse locale. Dans un autre fichier, player.js, j'essaie de récupérer cette URL pour lire la vidéo, mais cela ne fonctionne pas. J'arrive à récupérer l'URL, mais la vidéo ne se lance pas.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
export const Serie =[
    {
        id : "01",
        Titre : "Blacklist",
        Description : "",
        imgS :"",
        nbSaisons : " ",
        url :'./T.L Osborn - Modèle à Suivre.mp4'
 
    },
    {
        id : "02",
        Titre : "Alias",
        Description :"",
        imgS : " ",
        nbSaisons : " ",
        url : "./my.mp4"
 
    },
    {
        id : "03",
        Titre : "American",
        Description : "  ",
        imgS : " ",
        nbSaisons : " "
 
    },
];
et mon fichier player.js
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
import React, { useState } from 'react';
import { DefaultPlayer as Video} from 'react-html5video';
import Vid from './T.L Osborn - Modèle à Suivre.mp4';
import baniere from './imgg.png';
import { useLocation } from 'react-router-dom';
import {Serie} from "./data";
import ReactPlayer from 'react-player';
import "./VideoPlayer.css"
 
const VideoPlayer = () => {
 
  const params= useLocation() ;
    const serie = data.find(serie => serie.id ===params?.state?.id);
    const vido =serie?.url;
    console.log({vido});
  //const [isPlaying, setIsPlaying] = useState(false);
 
 /* const handlePlayPause = () => {
    setIsPlaying(!isPlaying);
  }; */
 
  return (
    <div className='player-wrapper'>
        <ReactPlayer
          className='react-player'
          url={Vid}
          width='100%'
          height='100%'
        />
      </div>
  )
};
 
export default VideoPlayer;