Video and Text
This template is designed to display and play video files alongside:
A title
A paragraph of text
Captions
Standard video and volume controls
Like with image templates, this page includes several fields that must be completed to build your audio page. You can also live preview and publish the page from this screen.
Note: Pages must be published to appear within an article in the app.
Video and Text Template Configuration
To create a new Video and Text page, complete the following sections:
1. Page Info (optional)
Used for internal reference only
Helps identify and organize pages in the Views panel of Contentful
Does not appear in the app
Highly recommended for keeping content organized
Add a descriptive title for easier navigation
Character limit: 256 characters
2. Title (required)
Displays as the main title of the page
Character limit: 40 characters
3. Subtitle (optional)
[update if this field changes]
Optional field for supporting text under the main title
Character limit: 64 characters
4. Body (optional)
A rich text field where you can add paragraph content
Supports basic formatting (bold, italics, bullets, etc.)
Character limit: 900 characters (confirm exact limit in Contentful)
5. Video (required)
This is where you import your video source file
Supported formats: 16:9 aspect ratio, HD resolution or lower, .mp4 or .mov container, H.264 codec, 8500 kbps bitrate
See detailed steps below for adding video files
Steps to Add a Video File
Video files—like audios, PDFs, and images—are nested within three layers of templates.
First, the audio file must be imported into a File Asset Template.
The File Asset Template is placed inside an Video Asset Template.
The Audio Asset Template is then nested inside the Video and Text Page Template.
Step 1: Add Media
Scroll to the Video field and click Add media. You’ll see two options:
Select Existing Media
Choose an audio file that already exists in Contentful
It will be inserted automatically—no additional setup needed
Upload New Media
Select a file from your desktop or local folder
New audio files must first be added to an Audio Asset Template
See the next section for detailed instructions
Step 2: Complete the Video Asset Template
Once inside the Video Asset Template, complete the required fields (see details below).
You can also live preview and publish from this screen.
Step 3: Publish the Video Asset
Click the green Publish button in the upper-right corner to publish your new video file.
Reminder: If any required fields are missing, Contentful will display an error message.
Video Asset Template Configuration
To use a video file in the application, it must first be imported into a Video Asset Template, which is then nested inside the Video and Text Page Template.
Once inside the Video Asset Template, you'll see fields for:
Video Info (required)
Video (required)
Captions (required)
Credit (optional)
All required fields must be completed to use the file on an video page.
Video assets must be published in both the Video File Template and the Video Asset Template to appear in the app.
Video Asset Template Fields
Video Info (Required)
Used for internal reference only
Does not appear in the app
Also acts as the title of the asset within its parent container
Character limit: 256 characters
Video (Required)
This is where you upload a new audio file or use one that’s already in Contentful.
To upload a new video file:
Use the file selector to choose a file from your device.
The video file must be embedded inside a Video File Template, which is then nested inside the Video Asset Template
Think of the Video Asset Template like the Focal Point Image Template—one lives inside the other, and both act as containers for specific media types.
Captions (Required)
Upload a WebVTT (.vtt) caption file to display captions with your video
Caption files are imported like any other media type (images, videos, etc.)
See “Uploading an Image to File Selector” for detailed instructions
Credit (optional)
Enter a credit for the video file
Maximum length: 200 characters
Video File Template Fields
Video File Template Fields
Inside the Video File Template, complete the following fields:
Title (optional)
Description (optional)
File (required)
Once the file is uploaded and processed:
The file preview will display in the window
The file name becomes the title of the asset container
Use the file selector (same process as with images) to choose a video file to import
See Importing Images for detailed steps.
Note: Don’t forget to publish your Video File Template to make it available to all parent containers. If required fields are missing, Contentful will display an error message.
Last updated