Skip to main content

Embedding Video with React Player

Remark Embedder Core​

run this to install: npm install @remark-embedder/core

React Player Import​

Run this to install:

npm i react-player

Always include the ReactPlayer by running an import in the top of each .mdx file. import ReactPlayer from 'react-player';

Then you can embed videos like this:

Use the syntax like this:

Responsive Video Syntax with React Player
import ReactPlayer from 'react-player';

<div className='player-wrapper'>
<ReactPlayer url="https://www.youtube.com/watch?v=1IlmgcL8T3Q"
    width="100%"
    height="100%"
    controls={true}
    playing={true}
    muted={true}
     />
</div>