User Level: 
Click on an image to make it bigger.
Drupal 8 - Media - Video Media Type - Manage Display - Manage Display Tab

1. Navigate to Manage Display Tab

Go to Admin Menu > Structure > File Types > Video > Manage Display tab.

Drupal 8 - Media - Video Media Type - Manage Display - Select Layout

2. Select Layout

Select A Layout select field = 3 Columns (Bricked) (used in example)

Drupal 8 - Media - Video Media Type - Manage Display - Sample Layout Displays

3. Sample Layout Displays

A sample display of the layout will appear.

Click the Save button.

Drupal 8 - Media - Video Media Type - Manage Display - New Regions

4. New Display Regions Provided

The display regions that show in the sample will appear at the top of the screen and will be labeled appropriately.

Typically all of the fields that exist will be pushed into the first available space.

Drupal 8 - Media - Video Media Type - Manage Display - Adjust Fields

5. Adjust Fields

Move the fields to the desired regions. Our example is laid out in the following order:

Top Left region = Thumbnail and Video URL fields

Top Middle region = Name, Local URL, Video ID, and Video Source Machine Name fields

Top Right region = Authored By, Authored On

Drupal 8 - Media - Video Media Type - Manage Display - Adjust Thumbnail Field Formatter

6. Adjust Thumbnail Field Formatter

For the Thumbnail field:

Formatter select field = Image

Drupal 8 - Media - Video Media Type - Manage Display - Open Widget Settings

7. Open Widget Settings

For the Thumbnail field:

To open the Widget settings, click the corresponding cog.

Drupal 8 - Media - Video Media Type - Manage Display - Set Image Style

8. Set Image Style

The Widget settings are kind of dramatic when they open up. Don't be alarmed.

Image Styles select field = select a relatively large image style - the example uses a custom 450 wide scaled image style.

Click the Update button.

Drupal 8 - Media - Video Media Type - Manage Display - Change Labels

9. Change Labels

Adjust the labels so they match the following:

  • Thumbnail field = Hidden
  • Video URL field = Hidden
  • Name field = Hidden
  • Local URL field = Inline
  • Video ID field = Inline
  • Video Source Machine Name field = Inline
  • Authored By field = Inline
  • Authored On field = Inline

Click the Save button.

Drupal 8 - Media - Video Media Type - Manage Display - Completed

10. Completed Manage Fields Settings

After saving, the system will provide a confirmation at the top of the screen.