How to adjust settings for embedded videos

Customize autoplay, mute, loop, and more for a better viewing experience

Table of contents

How to add and configure the video widget

Available settings by video type

Autoplay limitations and browser restrictions

Next steps


Overview

Videos are a powerful way to make your flipbooks more interactive and engaging. Whether you're embedding YouTube, Vimeo, or uploaded files, Flipsnack gives you full control over how those videos behave inside your publication.

Key benefits of video settings

  • Engage readers: Use autoplay or looping to keep attention.

  • Control the experience: Show or hide player controls, mute sound, or define where the video starts.

  • Flexible formats: Works with YouTube, Vimeo, .mp4 links, and uploaded videos.

How to add and configure the video widget

To embed a video into your flipbook:

  1. Open your flipbook in the Design Studio.

  2. Click on the Interactions tab, then select Video widget. 

interaction tab and click on video embed
3.  Drag and drop the widget onto your page and then paste your video link or select an uploaded video from the Uploads tab.

customize the playback settings for your video added

4. Use the Edit panel on the left to customize the playback settings. Once the widget is on your page, just add your link.

Available settings by video type

Each video option has different settings you can choose from:

Youtube

  • You can set a tooltip for the widget;

  • Show/hide controls;

  • Autoplay;                                                                                                                      

  • Mute;

  • Loop;                                                                                                                              

  • Start at.

youtube-video-widget-options-in-design-studio-1

Note: The Mute feature is unavailable because Autoplay videos must be played in mute mode due to browser constraints.

Vimeo

  • You can set a tooltip for the widget;
  • Autoplay;

  • Mute;

  • Loop.

vimeo-video-widget-options-in-design-studio

Important: In order for YouTube and Vimeo videos to function properly, they need to be set as public and shareable. Unlisted videos will not work. Additionally, Vimeo videos must also have a rating assigned to them.

Your own URL

  • Show controls;                                                                                              

  • Autoplay;                                                                                                              

  • Mute;                                                                                                                      

  • Loop.

Video widget

    Important: The URL must have ".mp4" at the end. Otherwise, it cannot be detected and work as intended.

    Uploaded videos

    • Show controls;

    • Autoplay;

    • Mute;

    • Loop.

    uploaded-video-options-in-design-studio-1

    Technical limitations with autoplay

    No matter how useful these settings are, we have some bad news, unfortunately. Chrome and iOS policies prevent the videos from autoplaying. Unlike iOS, which has no workaround for this limitation (see article here), Chrome allows the videos to autoplay if the video is muted. For this reason, the Mute option is checked by default, and it can't be unchecked, when you check the Autoplay option.

    Here's an example of a flipbook where a YouTube video was set to autoplay. As you can see, when you get to page 2, where the video was embedded, it starts automatically.

     

    Important: After a change made by Google, the Related videos option cannot be disabled anymore.

    Next steps

    Explore more ways to add interactivity:

    If you have any questions or suggestions, please contact us via live chat.