Estoy tratando de cargar un archivo de video local en mi aplicación de reacción. El archivo de video existe en el repositorio mismo. Agregué la ruta del archivo de video como se menciona a continuación, pero el video no se carga.
export const Welcome = () => { return ( <> <video autoPlay loop muted> <source src="src/assets/video/video.mp4" type="video/mp4" /> </video> </> ); };Soy nuevo en reaccionar mundo. Alguna sugerencia...
Deberá importar el archivo de video local a su componente.
import myVideo from '../media/M_03292018202006_00000000U2940605_1_001- class Video extends Component { render () { return ( <div className='player-wrapper'> <ReactPlayer url={myVideo} ... /> </div> ) } } import videoFile from '../path-to-video.mp4'; export const Welcome = () => { return ( <> <video autoPlay loop muted> <source src="src/assets/video/video.mp4" type="video/mp4" /> </video> </> ); };public (dentro de index.html y usar la ruta como esta (el video se encuentra en public/assets/video/video.mp4 ): export const Welcome = () => { return ( <> <video autoPlay loop muted> <source src="/assets/video/video.mp4" type="video/mp4" /> </video> </> ); }; export const Welcome = () => { return ( <> <video autoPlay loop muted> <source src="https://example.com/assets/video/video.mp4" type="video/mp4" /> </video> </> ); };