Questions? Feedback? powered by Olark live chat software
Gezintiyi Atla

Media Services: Title Overlay Plugin for Azure Media Player

Azure Samples tarafından
Son güncelleştirme tarihi: 29.11.2016
Katkıda Bulunanlar:
GitHub üzerinde düzenleyin

Information

Attributions: Southworks 2016

Introduction

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

Options

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

To-Do

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