Follow these steps
- Ensure your video is in landscape orientation.
- Upload your video to Vimeo.
- Click "Share" to grab video ID.
- Set your video embed privacy to "Anywhere" (i.e. Public)
- Add video embed code to mobile app cover photo/video page.
- Customize video player for the best mobile user experience.
Customized video embed code
Add the following Vimeo video embed code to your mobile app cover photo/video page. Replace 'YOURVIDEOID' with the Vimeo ID of the video you want to add to your mobile app; the Vimeo ID is a 10-digit number.
<div style="padding:56.25% 0 0 0;position:relative;">
<iframe src="https://player.vimeo.com/video/YOURVIDEOID?autoplay=1&loop=1&muted=1&cc_load_policy=1&autopause=0&badge=0&player_id=0&app_id=58479&responsive=1"
frameborder="0"
allow="autoplay; fullscreen; picture-in-picture; clipboard-write"
style="position:absolute;top:0;left:0;width:100%;height:100%;"
title="Welcome to referral partner program"></iframe>
</div>
<script src="https://player.vimeo.com/api/player.js"></script>
Customize video player
Click here to set up your player preferences, referred to as "embed presets." The following are recommended settings for the best mobile experience.
- Play button: Set to "Auto"
- Controls: Select Progress Bar, Volume, Chromecast, AirPlay, Picture-in-Picture, Fullscreen.