Resizing embedded video with nearest-neighbour alg

Question

When embedding a video, no matter if it's flash or by <video> tag, when it gets resized, it uses bilinear scaling, so the video looks blurry and bad.

Is there a way to resize the video container using nearest-neighbour algorithm, so it looks sharp?

Tried using this: http://jsfiddle.net/apx6c4da/

I don't know what's the correct approach to it.

Answer 1

As of today, there's no setting that does what you ask on the video itself.

For images, there's the experimental image-rendering css attribute, but it doesn't work on video.

image-rendering: pixelated;

Here shown on a canvas element mirroring the output from a video element. The same style is applied to the video element but as you can see it does nothing.

https://jsfiddle.net/1y5bvr8o/1