For some reason, videos which have higher resolution than my monitor end up having jagged edges on HTML5 videos (on Vimeo, YouTube etc.). This does not seem to occur if the video is being played through flash player or if the video is being played on my media player.
Is there a way to fix those jagged (aliased as in not anti-aliased) edges? This happens on both IE11 and Google Chrome (version 36.0.1985.125 m).
Take a look at this two images for clarification:
If you view both images at full resolution, you can notice the edges being too sharp.
The reason I play a higher than required resolution video is because my monitor is at 1600x900, so 720p videos look slightly out of focus or not that detailed compared to 1080p videos.
Update 1: Interestingly, this seems to be a problem with what codec a video is being played on. I tried the two following videos which played through two different encoders: Image 1, Image 2. The problem occurs in the first one and not the second. According to the encoding options here, I have a problem playing H.264/AVC videos (which has an itag of 248; mp4) and no problem playing VP8 videos (which has an itag of 137; WebM) through the YouTube HTML5 player.
Update 2: The problem seems to be in the DXVA Video Decoder. Disabling Hardware-Accelerated Video Decoder (
chrome://flags fixes the issue. This issue is being worked on at the moment here. A revision has already been made to Chromium as noted here. This fix should be implemented into the regular Chrome release channel soon. (Thanks to omnoms for the update).
Update 3 (11/19/2014): The problem has been fixed on the Dev version of Google Chrome: 40.0.2214.10. I will mark this question as answered/fixed once it goes down to the Stable Channel in a couple of weeks.
Update 4 (12/18/2014): Fix issued in 39.0.2171.95m.