Snapshot Plugin

Capture snapshot image from video

Video snapshot feature is an otption built-in into Nuevo plugin for video.js from version 8.1.0. 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 clean image form video at current time position. The size of captured image is equal to currently playing video (not a player). Only on mobile device the width of 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 snapshot button you need to set Nuevo option snapshot.
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" });
Webmaster may wish to watermark images captured from video. All you nee 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".