diff --git a/docs/404.html b/docs/404.html index ff9e382..7db9b61 100644 --- a/docs/404.html +++ b/docs/404.html @@ -1 +1 @@ -
this is the @magic-modules VideoEmbed component. It renders videos from any http url that allows iframe embedding.
npm install @magic-modules/video-embed
in a page/component, just pass a video id to the VideoEmbed module.
VideoEmbed('ecIWPzGEbFc')
renders
if the video id is a number, the video is assumed to be hosted on vimeo
VideoEmbed(153090637)
VideoEmbed('153090637')
renders
videos from arbitrary hosts can be included as well, as long as those hosts allow iframe embeds
VideoEmbed('https://videopress.com/embed/kUJmAcSf')
renders
you can pass a width and height, a style object and any other props to the video.
VideoEmbed({ src: '8QYWGCEm2Dc', width: '50%', height: 200, style: { margin: '1em 0 0' } })
renders
to set a fixed video size, simply add both a height and a width value (px, em, rem, vh, pt).
VideoEmbed({ src: 'SMhwddNQSWQ', width: '300px', height: '900px' })
the source for this page is in the example directory and gets built and published to github using @magic/core
this is the @magic-modules VideoEmbed component. It renders videos from any http url that allows iframe embedding.
npm install @magic-modules/video-embed
in a page/component, just pass a video id to the VideoEmbed module.
VideoEmbed('ecIWPzGEbFc')
renders
if the video id is a number, the video is assumed to be hosted on vimeo
VideoEmbed(153090637)
VideoEmbed('153090637')
renders
videos from arbitrary hosts can be included as well, as long as those hosts allow iframe embeds
VideoEmbed('https://videopress.com/embed/kUJmAcSf')
renders
you can pass a width and height, a style object and any other props to the video.
VideoEmbed({ src: '8QYWGCEm2Dc', width: '50%', height: 200, style: { margin: '1em 0 0' } })
renders
to set a fixed video size, simply add both a height and a width value (px, em, rem, vh, pt).
VideoEmbed({ src: 'SMhwddNQSWQ', width: '300px', height: '900px' })
the source for this page is in the example directory and gets built and published to github using @magic/core