ColorHighlight | Lightweight Color Highlight colorizer for Sublime Text | Theme library

Easy way would be dangerouslySetInnerHTML (please, read carefully). Other way would to refactor this into react component. React is just a way to render something and fire some side effects after. If you want to go this approach - read further.

First thing you do - add their player script to your html once (it is on third line). Next, create a component that will render your markup placement for player. You will pass vars as a props to component. Construct id for your placement from props.clip_id so you would be able to refer it into effect. Create effect that will initialize the player.

Here is a working example. You will need to adapt it to your particaular needs. Probably you would want to perform cleanup or something else - for this you can store player instance in ref and manipulate it in other effects when props change, or perform cleanups.