Video component about mdx-deck HOT 10 CLOSED

I think we'll want a scalable/resizable version, something like this but for fullscreen: https://github.com/jxnblk/rebass/blob/master/src/Embed.js

from mdx-deck.

A more video-centric extension of this could also have an autoplay attribute, hook into the SlideDeck context and start playing when the slide comes into view – and pause when the slide leaves the view

from mdx-deck.

For now, this seems to be a workaround (dangerouslySetInnerHTML for autoplay with muted in Chrome, see facebook/react#10389):

import screencapture from './screencapture.mp4';

<div
  dangerouslySetInnerHTML={{
    __html: `
      <video
        style="max-width: 80%"
        controls
        autoplay
        muted
        src="${screencapture}"
      />
    `,
  }}
/>

Older versions of mdx-deck don't use the import:

<div
  dangerouslySetInnerHTML={{
    __html: `
      <video
        style="max-width: 80%"
        controls
        autoplay
        muted
        src="./screencapture.mp4"
      />
    `,
  }}
/>

from mdx-deck.

What should these component specifically do? Wouldn't using a provided embed code suffice?

from mdx-deck.

This will be awesome. I really like the included fullscreen Image component - having one for videos would be very helpful. Thanks for such a great library!

from mdx-deck.

@jxnblk The link to rebass no longer works :(

from mdx-deck.

Updated Rebass link: https://rebass-v2.now.sh/components/Embed

from mdx-deck.

@jxnblk Why was this closed? Has this been implemented in v3?

from mdx-deck.

I has not been implemented, but I'm planning on opening a new issue with a clearer specification

from mdx-deck.

Ok sounds good, thanks for the info.

from mdx-deck.