Skip to main content
Participant
June 1, 2020
Question

Equivalent smoothing=true in HTML5 Embedded Video?

  • June 1, 2020
  • 1 reply
  • 348 views

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!

This topic has been closed for replies.

1 reply

Legend
June 1, 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..