18 lines
426 B
React
18 lines
426 B
React
|
import React from 'react'
|
||
|
|
|
||
|
|
export const YoutubeEmbed = ({ videoId }) => (
|
||
|
|
<iframe
|
||
|
|
width="100%"
|
||
|
|
height="500"
|
||
|
|
src={
|
||
|
|
videoId.startsWith('https')
|
||
|
|
? videoId
|
||
|
|
: `https://www.youtube.com/embed/${videoId}`
|
||
|
|
}
|
||
|
|
frameborder="0"
|
||
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
|
||
|
|
allowfullscreen
|
||
|
|
style={{ borderRadius: '0.5rem' }}
|
||
|
|
/>
|
||
|
|
)
|