Videojs - Zoom in video

Zooming options

Since the earliest version Nuevo plugin features zoom in video option. It evaluated across new versions and was heavily rearranged in version 5.3.1.
By default the only option to zoom in video is to use a small slider from settings menu (if zoom menu not disabled). When video zoomed now you can drag zommed area using your mouse on desktop browser or touch and move on touchscreen to any new position.

If zoomInfo option not disabled, a small bar with current ZOOM value and 3 buttons will appear in top left corener of the player. 2 vuttons allow to center zoomed area, reset zoom and display information about zooming options.

One more importand feature for ZOOM fans is an option "zoomWheel", disabled by default. If enabled, it is possible to zoom in video using mouse wheel. On touchscreen long direct slider on right allows to zoom in video fast.
In example above both zoom options, zoomInfo and zoomWheel are enabled, so you can test mouse wheel zooimg on desktop browser and new slider option on touchscreen. Below you can see the code with options enabled for this example.


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