Skip to content
Help Center
TopicsSharing and embedding

How do I publish a video and check it on a phone?

Updated · 3 min read

Short answer

Publish the video, place the Responsive embed code on your page, and test on a real phone in portrait and landscape. Check that every interaction is easy to tap, that fullscreen and captions work, and that the share link opens the interactive video from email and social apps.

  1. Open the video, select Share, and select Publish Video if the video is not yet published.
  2. Under Embed, choose Responsive and select Copy embed code. Paste it into an HTML or custom code block on your page and publish the page.
  3. On a phone, open the page in the default browser. Do not sign in to Mindstamp on that phone.
  4. Play the video in portrait. Tap every button, hotspot and question answer. Then turn the phone to landscape and play again.
  5. Tap the fullscreen control. Check that the interactions still show in fullscreen.
  6. Turn on captions with the player’s captions control and check that they are readable over your interactions.
  7. Copy the share link and send it to yourself by email and in one social or chat app. Open it from each app on the phone.
  8. Open Reporting for the video and find your test views.
Embed section of the Mindstamp Share page with the Responsive, Popout and Basic iframe choices, the Copy embed code button and the Include SEO metadata switch highlighted
Embed: choose Responsive, Popout or Basic iframe, copy the code, and optionally include SEO metadata.
Settings section of a Mindstamp button with the Visibility list open, showing All Devices, Desktop Only and Mobile Only
Under Settings > Visibility, show an interaction on all devices, on desktop only, or on mobile only.
  • The player fills the width of the page and keeps its shape. It does not overflow the screen or need sideways scrolling.
  • Every interaction shows and responds to one tap. Questions pause the video until you answer.
  • The share link opens the interactive video in the phone’s browser or the app’s built-in browser, not a flat video.
  • Your test views show in Reporting. Views you make in the editor preview are not stored as normal viewer responses, so always test from the published link or embed.
  • An interaction is missing on the phone: open the interaction in the editor and check its device setting. Desktop Only hides it on phones. Set it to All Devices.
  • Buttons are too small or overlap: make the button larger or move it away from the edges. Phone screens show the video much smaller than your editor does.
  • The player is too short for a vertical video: the responsive code uses a 16:9 box. For a 9:16 video, change `aspect-ratio:16/9` to `aspect-ratio:9/16` in the style of the code. See vertical videos.
  • Fullscreen does not work on iPhone: iPhone browsers limit fullscreen for embedded players. See why a video cannot go fullscreen.
  • Open fullscreen: on the Share page, select Allow fullscreen before you copy the link or embed code. The video then tries to go fullscreen when the viewer presses play, on devices that allow it.
  • The video will not start by itself: phones block autoplay with sound. See autoplay.
  • The video does not load inside your page: if your account has a list of allowed embed domains, add your site’s domain. See restrict embed domains.
Copy link to Share links in social apps

Social and chat apps usually open links in their own built-in browser. The interactive video works there. If you upload the video file to the social network instead of posting the link, it plays as a flat video with no interactions and no Mindstamp data.