Skip to main content

Zoom & pan

Double-tap or scroll to zoom, drag to pan, with ARIA-friendly controls.

image

Preview

Props & interactive options

PropTypeDefaultDescriptionTry it
enable_zoomurl param1Enable zoom gestures and toolbar buttons.
enable_fullscreenurl param1Expose the fullscreen toggle.

Keyboard shortcuts

Navigation

Previous image
Next image

Zoom

Zoom in+
Zoom out-
Reset zoom0
Toggle fullscreenF

Click on the player first to give it focus, then use these shortcuts.

Documentation

Pinch, scroll, or double-tap to zoom into an image. Once zoomed, drag or swipe to pan around. Every gesture has a keyboard and button equivalent, so the viewer stays usable with any input device. Reset to 100% with 0 or the reset button in the toolbar.

Code

HTML
<div style="padding:56.25% 0 0 0;position:relative;">
  <iframe
    src="https://app.videas.com/embed/019dcfd1-e745-71d6-9db6-f702b75bd97b/?enable_zoom=1&enable_fullscreen=1"
    width="100%" height="100%"
    frameborder="0" allowfullscreen
    allow="fullscreen"
    style="position:absolute;top:0;left:0"
  ></iframe>
</div>

Frequently asked questions

Does zooming request a higher resolution automatically?

Yes. As soon as the zoom level crosses the threshold for a larger variant, the viewer swaps the source for the next size up and crops into it. This keeps the initial payload small while still rendering sharp pixels at any zoom.

Can I disable zoom for a specific gallery?

Set <code>enable_zoom=0</code> on the embed URL. The toolbar buttons and gestures are hidden, and double-taps simply advance to the next image instead.