Azure Media Player

Microsoft has announced an update for its Azure Media Player services. The Azure Media Player, as the name suggests, is a web video player built to playback media content from Microsoft Azure Media Services on a wide variety of browsers and devices.

The Azure Media Player v2.0 and higher now supports the insertion of pre- mid- and post- roll ads in all your on demand content. The player inserts ads following the IAB’s VAST standard and allows you to configure options like ad position and skip-ability. Learn more about monetizing here

In addition, you can apply a new skin to the Azure Media Player by simply changing two points in your code:

1) Update the CSS your application loads
from

<link href="//amp.azure.net/libs/amp/2.1.0/skins/amp-default/azuremediaplayer.min.css" rel="stylesheet">

to

<link href="//amp.azure.net/libs/amp/2.1.0/skins/amp-flush/azuremediaplayer.min.css" rel="stylesheet">


2) Updating the class in your videotag
from

<video id="azuremediaplayer" class="azuremediaplayer amp-default-skin amp-big-play-centered" tabindex="0"> </video>

to

<video id="azuremediaplayer" class="azuremediaplayer amp-flush-skin amp-big-play-centered" tabindex="0"> </video>

Microsoft has also made improvements to player to make it more accessible and user friendly in some of the common use cases like:

  • interfacing with assistive technologies (like JAWS or Narrator)
  • playback in High Contrast mode
  • navigating without a mouse (or Tab To Navigate)

This release comes with some new plugins you can load from our plugin gallery  as well as new functionality baked into the player like Playback speed (icon in the screencap above).

For more details about new features, how to make the switch to AMP 2.0 and additional APIs, visit documentation.

Source