How to get Video embeds? about christopherbiscardi.github.com HOT 4 CLOSED

The React import with the player is what I meant :) because the <Player> compiles to React.createElement, so React has to be in scope.

from christopherbiscardi.github.com.

@spences10 did you get this worked out? I remember we had a short conversation about it on Twitter

from christopherbiscardi.github.com.

Also, you probably need import React from 'react' at the top of your globalScope. I use gatsby-plugin-emotion here which changes my createElement implementation, so I don't actually need React in scope for mine.

from christopherbiscardi.github.com.

Hey @ChristopherBiscardi, I used @kentcdodds remark-embedder plugin in the end as it solved the twitter embed issue I was having as well.

But for clarity when you say globalScope what is it that you mean? I thought that I would need to include something with wrapRootElement?

Or literally have the React import statement with the player import?

globalScope: `
import React from 'react';
import Player from 'react-player'; 
 export default { 
   Video: props => <Player {...props} css={{ 
     margin: 'auto', 
     paddingBottom: '1.5rem' 
   }}/> 
 }
`,

Like this ☝️

Closing this now.

from christopherbiscardi.github.com.