How to change the resolution quality on your video

Vidyard players intelligently determine the best possible resolution for each viewer. Each time the player loads, the player thinks about all the factors that are affecting playback quality for that viewer, and makes dynamic adjustments to ensure that the viewer's experience is always the best it can be. 

Change the resolution of a video

The quality adjustment settings on a Vidyard player will be set to Auto by default. 

The Auto quality setting will calculate the highest possible resolution for each viewer based their internet connection, the size of the embedded player, and of course, the resolution of the uploaded video. 

Here is how the player calculates the optimal resolution quality for your viewer:

• Resolution will adapt in response to the size of the embedded player. This includes when the player size changes - for example, when viewers enter and exit fullscreen mode.
• Players will adapt to low bandwidth situations by downgrading the video resolution when a video has too much buffering. This is because most viewers would prefer to watch a lower resolution video over experiencing buffering, which interrupts playback altogether.

Force the video to play at a specific resolution

You can override the auto resolution setting for a video at a particular embed location. Simply add a query parameter to the embed code to force the video to play at the specified resolution.

Keep in mind, the viewer can to a higher or lower resolution using the the player controls. The video will also adjust to a lower resolution automatically in the case of extended buffering. 

Similarly, if the video quality that you specify in the query string is not a valid option (i.e. 1080p is specified, but the video has a maximum of 720p), then the player will default to the Auto quality setting. 

Add a query parameter of data-[theparameter]=[thevalue] inside the <img> tag of the embed code.

The example below sets the resolution quality to 1080p.

<script type="text/javascript" async src="https://play.vidyard.com/embed/v4.js"></script>

  <img 
  style="width: 100%; margin: auto; display: block;"
  class="vidyard-player-embed"
  src="https://play.vidyard.com/U9TXHnmU2QDq9f5.jpg"
  data-uuid="U9TXHnmU2QDq9f5"
  data-v="4"
  data-type="inline"
  data-quality="1080p"
  />

You can also add this same query parameter to the sharing page link or the link to videos in a hub. Simply add ?quality=[value] to the end of the URL.

http://embed.vidyard.com/share/U9TXHnmU2QDq9f5?quality=1080p