From 16:9 to 9:16 – going vertical!

[one_full last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ class=”” id=””][fusion_text]Making a vertical video when editing several clips together often ends up in a horizontal frame with to big ugly black blocks on each side. We know, we’ve done that. But we have learned and now we want to share this with you! [/fusion_text][/one_full][two_fifth last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ class=”” id=””][fusion_text]And don’t be afraid it won’t look like this[/fusion_text][imageframe lightbox=”no” lightbox_image=”” style_type=”none” hover_type=”none” bordercolor=”” bordersize=”0px” borderradius=”0″ stylecolor=”” align=”none” link=”” linktarget=”_self” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ hide_on_mobile=”no” class=”” id=””] This is how Facebook will show a vertical video on desktop, if made wrong. The video is almost lost in the middle of the to black blocks. And its not Facebooks fault...[/imageframe][/two_fifth][two_fifth last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ class=”” id=””][fusion_text]But like this (even better on mobile!)[/fusion_text][imageframe lightbox=”no” lightbox_image=”” style_type=”none” hover_type=”none” bordercolor=”” bordersize=”0px” borderradius=”0″ stylecolor=”” align=”none” link=”” linktarget=”_self” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ hide_on_mobile=”no” class=”” id=””] This is how Facebook will show a vertical video on desktop, if made right. As a square with to layers. The back layer is a blurred view of the video thats made to fit the square. And the top layer is the video. On mobile the back layer does not show.[/imageframe][/two_fifth][one_fifth last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ class=”” id=””][/one_fifth][one_full last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ class=”” id=””][fusion_text]This is how Facebook will show a vertical video on desktop. The image to the right is how it looks if made wrong. The video is almost lost in the middle of the to black blocks. It’s not because Facebooks has done anything with it. But as you see to the left Facebook will add a layer behind the video (not visible on mobile) to make it fit a square view. The back layer is a duplicate of the video but made to fit the frame and its blurred.[/fusion_text][fusion_text]To say vertical video is the future video format is a bald statement, and probably not quite true. While Movies and TV will be horizontal, at least for the foreseeing future, videos for most social media we see an increasingly amount of videos using the vertical format. Here it will be the prefered format.

As people spend an increasingly percentage of their online time on a mobile device, so does the importance of mobile first user experience. This should also change how you do video.

Vertical videos gets more views

You have probably experienced that a vertical video is a lot more mobile friendly, then a horizontal one – you don’t have to tilt your phone to get the best view. And because of that viewers will navigate away instead of watching the video if it’s horizontal.

Jon Steinberg, CEO of Daily Mail North America, wrote in a post on Medium that «vertical video ads have up to 9x more completed views than horizontal video ads.» A statement that made Steinberg come to the following conclusion:

Our findings have convinced us that we need to move even more aggressively to develop vertical content, especially on our Snapchat Discover channel, and that our industry must develop creative content for this mobile format.

That’s why you should take vertical video seriously!

Making vertical video

I know the feeling that vertical video is unusual, it seems a bit of, sometimes almost wrong. It’s like that video is supposed to be horizontal. Probably because It’s always been that way. But If you are planning to reach out to people on mobile or want to prepare for the future, you need to start testing it.

There is some issues with vertical video. It’s another way of telling a story, it requires you to think differently. But I’m not going into that here, but check out this amazing video for inspiration!

Filming and posting a single shoot vertical video is easy, just pick up your camera, shoot and post. But if you want to shoot different angles and edit them together and publish it, it often ends up in landscape mode with to big black squares on each side of the video. And that’s even worse than horizontal. We had an work accident with that just before Christmas, that we sadly discovered too late to fix.

So to get to the point, editing vertical videos in the right way. Sadly the infrastructure is bad. At least most free or cheap editing softwares are bad at editing vertical video. There are some more expensive ones that can do it, but I’ll tell you how you can fix it without spending an unnecessary amount of money.

Until the infrastructure gets better, you can just follow this simple step-by-step instruction and you’ll get a fine vertical video – perfect for mobile![/fusion_text][fusion_text]

7 steps to publish vertical video!

1 Edit as usual, but before you export the movie you need to

2 Flip every clip left or right, but remember to flip everyone the same way[/fusion_text][/one_full][two_fifth last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ class=”” id=””][fusion_code]PGlmcmFtZSBzcmM9Imh0dHBzOi8vd3d3LmZhY2Vib29rLmNvbS9wbHVnaW5zL3ZpZGVvLnBocD9ocmVmPWh0dHBzJTNBJTJGJTJGd3d3LmZhY2Vib29rLmNvbSUyRkZhbmJvb3N0ZXIlMkZ2aWRlb3MlMkYxMDE1NDc5MDg4NTY2MDM1OSUyRiZzaG93X3RleHQ9MCZ3aWR0aD01NjAiIHdpZHRoPSI1NjAiIGhlaWdodD0iMzE1IiBzdHlsZT0iYm9yZGVyOm5vbmU7b3ZlcmZsb3c6aGlkZGVuIiBzY3JvbGxpbmc9Im5vIiBmcmFtZWJvcmRlcj0iMCIgYWxsb3dUcmFuc3BhcmVuY3k9InRydWUiIGFsbG93RnVsbFNjcmVlbj0idHJ1ZSI+PC9pZnJhbWU+[/fusion_code][/two_fifth][one_full last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ class=”” id=””][fusion_text]3 After every clip is flipped on the side export the movie as usual

4 Then open the movie in QuickTime Player or VLC

5 Rotate the movie back to the right position[/fusion_text][/one_full][two_fifth last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ class=”” id=””][fusion_code]PGlmcmFtZSBzcmM9Imh0dHBzOi8vd3d3LmZhY2Vib29rLmNvbS9wbHVnaW5zL3ZpZGVvLnBocD9ocmVmPWh0dHBzJTNBJTJGJTJGd3d3LmZhY2Vib29rLmNvbSUyRkZhbmJvb3N0ZXIlMkZ2aWRlb3MlMkYxMDE1NDc5MDg5MzkwMDM1OSUyRiZzaG93X3RleHQ9MCZ3aWR0aD01NjAiIHdpZHRoPSI1NjAiIGhlaWdodD0iMzE1IiBzdHlsZT0iYm9yZGVyOm5vbmU7b3ZlcmZsb3c6aGlkZGVuIiBzY3JvbGxpbmc9Im5vIiBmcmFtZWJvcmRlcj0iMCIgYWxsb3dUcmFuc3BhcmVuY3k9InRydWUiIGFsbG93RnVsbFNjcmVlbj0idHJ1ZSI+PC9pZnJhbWU+[/fusion_code][/two_fifth][one_full last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ class=”” id=””][fusion_text]6 Save the video

7 Upload and publish to Facebook!

 

Was this article helpful, or do you now of other ways please share it in a comment or tell us![/fusion_text][/one_full][five_sixth last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ class=”” id=””][/five_sixth]