Equivalent smoothing=true in HTML5 Embedded Video?

Report · Jun 01, 2020

I am in the process of creating an HTML5 video player that requires an HD video to be shrunk into a 640x360 web page.

Scaling down the HD video creates a lot of pixelization, especially in onscreen text...

When I created a previous .SWF version, I discovered this code could make the scaling much cleaner with no pixelization:

// Note: Using the Embedded .flv Video Component in a .swf
var vid:VideoPlayer = Video_Section_1.getVideoPlayer(0);
vid.smoothing = true;

I've been trying to find a "smoothing=true" equivalent in the HTML5 Canvas, but haven't had any luck so far...

Does such a feature exist?

Thanks for any help!

Report · Jun 01, 2020

The HTML5 video element does not have anything like a smoothing control attribute.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video

What you should be doing is re-encoding the video at the resolution you need.

And what you're seeing is aliasing,not pixelization. Pixelization is when individual pixels are enlarged beyond the size of a screen pixels, creating large single-colored blocks..