Adding video content

Adding video content is very similar to adding images. Instead of an image texture, we can use Unity's MovieTextures, with one extra step to add the Unity VideoPlayer.

Adding video to the instruction content panel

First, let's add another Raw Image to the Content panel (child of Main Canvas) that we'll use as a MovieTexture.

1. In Hierarchy, right-click Content panel and select UI | Raw Image.
2. Rename it Video Graphic.
3. Select Add Component | Layout Element, and select Preferred Height: 360.
4. Position it in the Hierarchy between Title Text and Body Text.

We found a height of 360 works for our layout.

Adding video player and render texture

To render videos in Unity we can use a MovieTexture in conjunction with the VideoPlayer component.

1. In the Assets/HowToChangeATire/Textures/ folder, create a Render Texture.
2. Name it Video Render Texture; we can leave its default settings.

Now for the video player:

1. In Hierarchy, create Video | Video Player.
2. Check Loop and uncheck Play On Awake.
3. Select Aspect...