Vertical video
Table of Contents
What is vertical video?
With the rise in popularity of video content on mobile devices via platforms, such as Tiktok, Youtube (shorts) and Instagram has come an increase in mobile-first videos, videos made for mobile screen dimensions that are portrait rather than landscape.
Traditionally video content in news apps and Bolt apps has been in a landscape format, but as demand grows we've been looking at ways to support portrait formats in our apps.
To start with we have added the ability to set the orientation of any video card in your app. This will change the aspect ratio of the video in the timeline to appear portrait, rather than show as portrait pillarboxed into a landscape window. The default will remain landscape.
Future improvements
Currently this only changes the aspect ratio of videos in the timeline, which can result in undesirable UX on particularly small, or particularly large screen sizes.
We are looking into further UX improvements, including vertical video carousels and improvements to the appearance of vertical videos in standard timelines.
Who can use it?
Anyone can use the new orientation setting. There's no restriction on video providers, if the provider you use supports vertical videos then you can display them as such in your app.
What is needed to get it live?
To be able to change the orientation of a video you need to be on the latest version of Pugpig Express and Bolt Timeline, both of which automatically update server side, so no app update is necessary. Then all you'd need to do is change one field on any video card you want to display with the portrait orientation.
To change the orientation of a video:
- Go to a video card by going to Content > Video Cards.
- Click “Add video card” or edit one of your choice and change the “orientation” field.
- Publish.
If your video cards are added via a feed, you can add a new field to each item to set the orientation. The field can be called anything you like as long as it contains either of:
- landscape
- portrait
Then let our team know and we can map the new field for you.