How does one reset the coordinates for panzoom.js?

Question

I'm working on an HTML/css/js program to drag a video to position it and zoom it with the mouse wheel. The program zooms fine in browser screen. But, when I change to full screen, the video creeps up from the cursor when zooming in. How does one reset the coordinates for panzoom.js when going to full screen?

These are the links: Zoom.html and jquery.panzoom.js

Answer 1

There is an 'reset' option in jquery.panzoom.js. So when going full screen, add this to your BigSmall function:

$('#focal').find('.panzoom').panzoom("reset");

It will then reset the zoom state.