Media Services: Zoom Plugin for Azure Media Player

Information

Attributions: Mariano Converti of Southworks

Introduction

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

Options not applicable for this plugin

To-Do

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