Vertical Video Document

Welcome to the Vertical Video User Guide! This guide is designed to help you effectively utilize vertical video features within our Content Management System (CMS). As mobile viewing continues to dominate, vertical video formats are essential for maximizing user engagement and content visibility. This document will guide you through the setup, configuration, benefits, and optimization of vertical videos within your platform.

Overview

Vertical video has revolutionized content consumption, especially on mobile devices. With users increasingly favoring portrait-oriented video, understanding how to configure and curate vertical content is essential. This guide covers the steps necessary to implement vertical videos in the CMS, the benefits of this format, and how to leverage features that enhance user experiences.

Prerequisites

Before configuring and managing vertical videos, ensure you have the following:

• CMS Access: Administrative access to the CMS is required to upload and configure video content.

• Basic Knowledge: Familiarity with CMS functions like content upload, module management, and user permissions.

• Video Formatting Awareness: Understanding tagging and metadata requirements for correct categorization and display of videos.

Key Features of Vertical Video

Benefits of Vertical Video

✅ Higher Viewer Retention: Vertical videos improve retention rates by filling the entire screen, keeping viewers engaged.

✅Quick Editing and Sharing: Vertical videos are easy to create, making them ideal for fast-paced content distribution, especially on social media.

✅ Enhanced Discoverability: Algorithms improve content visibility by recommending vertical videos based on user preferences and engagement.

Configuration Steps

CMS Configuration

1. Content Upload:

   • Log into CMS dashboard.

   • Go to Tools > Content.

   • Click Add Video.

   • Fill in details (title, description, tags).

   • Enable the Vertical Video toggle.

   • Upload the video.

2. Programmatic Curation:

   • Use APIs to create vertical video trays based on user engagement.

   • Check for deprecation of the featured tray module for inactive games.

App CMS (Template Builder)

1. Adding Vertical Video Trays:

   • Go to Template Builder.

   • Select a module and click Add Tray.

   • Choose Vertical Video Tray.

   • Configure settings (manual or programmatic curation).

   • Save changes.

2. Thumbnail Configuration:

   • Adjust thumbnail settings to a 9:16 aspect ratio for consistency with video format.

3. Recommended Tray Configuration:

   • Enable recommendation toggle in Template Builder for personalized content curation.

Vertical Video Player Features

1. Access Points:

   • Ensure videos are accessible from the Homepage, Game Detail Page, and various Articles.

   • Test cross-platform availability (iOS/Android, web).

2. Player Controls:

   • Verify standard controls like Play, Pause, Progress Bar, Like, Share, and Search.

   • Test swipe and arrow key navigation.

3. Content Navigation:

   • Enable Swipe/Scroll Navigation and allow users to add videos to Favorites.

Troubleshooting

1. Video Not Displaying Correctly:

   • Verify video resolution is optimized (e.g., 1080x1920).

   • Ensure compatible video format (e.g., .mp4).

2. Vertical Video Tray Not Appearing:

   • Check if category-based navigation is enabled in settings.

   • Investigate potential API integration issues.

3. Player Controls Not Working:

   • Check vertical video player integration for mobile-specific gestures.