Any image slot in your storybook template that features a magic wand in the top left corner is a candidate for interactive media. Before the interactive menu of options will appear, an image must be placed in that slot first. We recommend taking a screenshot of the first frame of your video or cinemagraph and placing that in as your first image.
There are two types of videos that can be integrated into a Studeo storybook. The first is traditional video – a sequenced and edited storyline that is self-contained and will run linearly for a period of time. Videos will have a beginning, middle and end. You have the choice to auto-crop the video to fit perfectly within the image slot, or you can choose to turn that off and the video will maintain its shape, filling in the gaps with black.
The second type of video is called a cinemagraph. While cinemagraphs are technically video files, you can think about cinemagraphs more like moving photographs. They are moments in time that come to life to create an experience or highlight something important within a chapter of your storybook. Cinemagraphs loop endlessly and don’t require the end user to hit a play button.
To add either a video or a cinemagraph, click the “add interactivity” button when hovering over an image within your storybook. Make your selection and then input the source URL into the window. For video, we accept links from YouTube or Vimeo as well as share links to mp4 files from Google Drive or Dropbox. For cinemagraphs, they must live as an mp4 file within a Google Drive or Dropbox folder. Make sure that all shared video files, whether they are traditional video or a cinemagraph mp4, are under 100MB.