The Azure Code Samples are currently available in English

Media Services: Title Overlay Plugin for Azure Media Player


Attributions: Southworks 2016


This plugin overlays text over the player in a configurable position when the viewer hovers over it. If mouse is inactive or located outside the context of the player, the text disappears.

Getting Started

Include the plugin CSS/javascript after the AMP script in the <head> of your html page:

<link href="amp-titleOverlay.css" rel="stylesheet">
<script src="amp-titleOverlay.js"></script>

See example.html for how to enable the plugin


Currently supported JSON options: "name": "your chosen overlay text", "horizontal Position": "left", [or center or right] "verticalPosition": "top" [or center of bottom]


  • [ ] add a larger drop shadow on mouse hover
  • [x] change typeface to Segoe UI Light
  • [x] update plugin to work with AMP 2.0