Asset

Import

import house from "./assets/images/house.jpg"

Image

<img src={house} alt="An image of a house" />

OR

<img src={require("./assets/images/house.jpg")} alt="An image of a house" />  //No need import in this case

Video

<video src={vacation} width={300} height={250} controls />

Using npm package, such as:

https://www.npmjs.com/package/react-player

npm install react-player

import ReactPlayer from "react-player";

OR

import ReactPlayer from "react-player/youtube";

<ReactPlayer url='https://www.youtube.com/.....' />

Audio

const song = new Audio("https://.....test.mp3")

song.play()

Using npm package, such as:

https://www.npmjs.com/package/react-player

npm install react-player

import ReactPlayer from "react-player";

<ReactPlayer url='audio_url' playing={false} volumn={0.8} />