Because the context is the caller function / event or maybe the global window context, use the same selector again in order to add the class:
if ($(".csr-area-3 .csr-video").is(":in-viewport")) {
$(".csr-area-3 .csr-video").addClass('csr-animate csr-zoom-in');
}
Edit from comments
Use a variable to store the results of the jquery lookup:
var csrvideo = $(".csr-area-3 .csr-video");
if (csrvideo.is(":in-viewport")) {
csrvideo.addClass('csr-animate csr-zoom-in');
}
Note: using filter as @saptal's answer will assure the class to be added to the element(s) within viewport in case multiple elements exist.
if
condition?