@times-stories/inline-brightcove-page

@times-stories/inline-brightcove-page

The inline brightcove video page for the @times-stories suite of packages

Installation

$ yarn add @times-stories/inline-brightcove-page

Usage

import Story from "@times-stories/story";
import Page from "@times-stories/page";
import InlineBrightcovePage from "@times-stories/inline-brightcove-page";
import { Paragraph } from "@times-stories/text-elements";

export default () => (
  <Story>
    <Page>
      {props => (
        <InlineBrightcovePage
          {...props}
          backgroundImage={{
            src: backgroundImage,
            focusPoint: {
              x: 50,
              y: 50
            }
          }},
          video: {
            accountId: "5436121856001",
            playerId: "H1xC44NNKb",
            videoId: "6010720526001",
          },
        >
          <Paragraph>
            Lorem ipsum dolor sit amet, eripuit elaboraret ius ex, cu suas falli
            ubique mea, his eu nisl ubique verterem. An eros sale qui, unum
            singulis philosophia nec et.
          </Paragraph>
        </InlineBrightcovePage>
      )}
    </Page>
  </Story>
);