2022-11-27 11:35:27 +00:00
|
|
|
import { Show } from 'solid-js'
|
|
|
|
|
|
|
|
|
|
export default (props: { url: string }) => (
|
|
|
|
|
<>
|
|
|
|
|
<Show when={props.url.includes('youtube.com')}>
|
|
|
|
|
<iframe
|
|
|
|
|
id="ytplayer"
|
|
|
|
|
width="640"
|
|
|
|
|
height="360"
|
|
|
|
|
src={`https://www.youtube.com/embed/${props.url.split('watch=').pop()}`}
|
|
|
|
|
allowfullscreen
|
|
|
|
|
/>
|
|
|
|
|
</Show>
|
|
|
|
|
<Show when={props.url.includes('vimeo.com')}>
|
|
|
|
|
<iframe
|
|
|
|
|
src={'https://player.vimeo.com/video/' + props.url.split('video/').pop()}
|
|
|
|
|
width="420"
|
|
|
|
|
height="345"
|
|
|
|
|
allow="autoplay; fullscreen"
|
|
|
|
|
allowfullscreen
|
|
|
|
|
/>
|
|
|
|
|
</Show>
|
|
|
|
|
</>
|
|
|
|
|
)
|
