User Interface for the Player V4 Skin

This topic describes the visual components of the new Ooyala player.

Key Components

Here are the key components of the player.

Note: The above example screen uses Ooyala default desktop web settings. Your screen might look different.

Control Bar

The control bar (also known as a scrubber or slider) enables viewers to manually adjust settings and move forward or backward through a video.

Here are visual elements of the control bar in the READY or PAUSED state:

Note: The above example screen uses Ooyala default desktop web settings. Your screen might look different.

Here are visual elements of the control bar in the PLAYING state:

Note: The above example screen uses Ooyala default desktop web settings. Your screen might look different.

Buttons

The player displays buttons that can provide options to share the video on social networks, discover related videos, set closed captions and bitrates, and view the video in full-screen mode.

Note: The above example screen uses Ooyala default desktop web settings. Your screen might look different.

Start Screen

The start screen shows before a video begins playback.

Note: The above example screen uses Ooyala default desktop web settings. Your screen might look different.

Pause Screen

The pause screen that displays when the video is paused during playback.

End Screen

The end screen shows after a video completes playback.

Note: The above example screen uses Ooyala default desktop web settings. Your screen might look different.

Discovery Screen

The discovery screen shows related or relevant content.

Note: The above example screen uses Ooyala default desktop web settings. Your screen might look different.

Ad Screen

The ad screen shows ads in the player.

Note: The above example screen uses Ooyala default desktop web settings. Your screen might look different.

Social Sharing Screen

The social sharing screen provides options to share this video with others.

Note: The above example screen uses Ooyala default desktop web settings. Your screen might look different.

Up Next Screen

The up next screen shows the next video to play.

Note: The above example screen uses Ooyala default desktop web settings. Your screen might look different.

Live DVR

With live DVR, the LIVE indicator in the control bar means live streaming, and a duration (greater than zero) indicates that DVR is available. With live DVR, you can drag the slider to the left to go backwards in time, and drag it to the right to go forwards. Dragging it all the way to the right catches you up to the present time. Live DVR is used with HLS streams only.

Playing VR 360 Videos

The Ooyala Player automatically detects VR 360 streams and displays the applicable playback controls to navigate VR 360 videos. The following example shows the VR 360 icon on screen.

Changing the Camera Angle

Viewers have several ways in which to change the camera angle. Keyboard. Viewers can use the keyboard controls (WASD) to change the camera angle. Mouse. Viewers can select and drag with a mouse to change the camera angle. Mobile Devices. Viewers change the camera angle by touching and swiping.

Switching Between Monoscopic and Stereoscopic Modes

Use the following icon to switch between monoscopic and stereoscopic modes. Here is an example in monoscopic mode. Here is an example in stereoscopic mode.

Thumbnail-based Seeking

Player V4 displays thumbnails to help you search through a video.

• For desktop and mobile devices, if you drag the scrubber bar, the player pops up a carousel of thumbnails. The player displays as many as will fit on the screen.
  
• For desktop devices (browsers in mobile devices do not support this behavior), if you hover your mouse over the scrubber bar, you will see the nearest thumbnail image associated with that location in the video.
  

This functionality is available for Ooyala-encoded assets that have associated thumbnails. For more information, see Auto-generated Preview Images (Thumbnails).

Buttons in the Player