Media Services: Zoom Plugin for Azure Media Player


Attributions: Mariano Converti of Southworks


This is an AMP plugin that enables the video viewer to zoom in on your content. A drag-able zoom scale is overlayed over the screen and if the zoom value is higher than 0, user can click and drag to view different parts of the screen.

Getting Started

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

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

See example.html for how to enable the plugin


Options not applicable for this plugin


Disable on-click pause when zoom value is greater than 0.