Snapshot Plugin

Capture snapshot image from video

Video snapshot is an option built-in in Nuevo plugin for video.js. You don't have to load any other than Nuevo plugin script. Snapshot button is located right before fullscreen button. By clicking the button you can capture image form video at the current time position. The size of the captured image is equal to currently playing video (not a player). Only on a mobile device the width of the captured image is limited to 600px.
The default image type is .jpg (0.9 compression quality). You can change it to .png using appropriate option. To enable the snapshot button you need to set appropriate Nuevo option.

Code snippet

var player = videojs("my_player");
player.nuevo({ snapshot:true });

Or for .png snapshot type:

Code snippet

var player = videojs("my_player");
player.nuevo({ snapshot:true, snapshotType: "png" });

A webmaster may wish to watermark images captured from video. All you need to do it is to define watermark text, e.g.

Code snippet

var player = videojs("my_player");
player.nuevo({ snapshot:true, snapshotWatermark: "Domain.com" });

If streaming server is other origin than production server, you need to enable CORS on streaming server or at least try to set video attribute crossorigin="anonymous".