Videojs - Zoom in video

STANDARD

PREMIUM

GOLD

Zooming options

The Nuevo plugin features a zoom video option. To zoom in on a video, use a small slider from the settings menu. When video is zoomed, you can drag the zoomed area using your mouse to any new position.
If the zoomInfo option is not disabled, a small bar with the current zoom value and three buttons will appear in the top left corner of the player. The buttons allow you to reset the zoom, center the zoomed area, or display information about zooming options.
Another important feature is the option to control zoom using the mousewheel. The option is disabled by default, and you will have to enable it through Nuevo plugin options to use it.

Code snippet

<script>
var player = videojs('example_video_1');
player.nuevo({ zoomWheel:true });
</script>

To hide zoom info bar:

Code snippet

<script>
var player = videojs('example_video_1');
player.nuevo({zoomInfo:false});
</script>

To remove zoom option from the settings menu:

Code snippet

<script>
var player = videojs('example_video_1');
player.nuevo({zoomMenu:false});
</script>

In the example above, all zoom options are enabled, including mousewheel control.
Zoom is disabled on a touch-screen device. The touch-screen allows you to zoom into any area using two fingers.