cancel
Showing results for 
Search instead for 
Did you mean: 

Html 5 video shows pixelated

Highlighted
New Contributor

Html 5 video shows pixelated

I have an html video in my website www.snapshot-evergem.be.

In firefox it shows pixelated, i converted the .mp4 file to a .webm file.

I don't know what my problem is.

Here is my code:

<video width="640" height="360" controls="controls" poster="video/poster_index.png">
    <source src="video/Pixelprinting.mp4"></source>
    <source src="video/Pixelprinting.webm"></source>
    <source src="video/Pixelprinting.ogv"></source>
    <iframe width="560" height="315" src="http://www.youtube.com/embed/jtB2kxdmBTk" frameborder="0" allowfullscreen></iframe>
    </video>

You can also watch it live on my website.

Tags (2)
3 REPLIES
Site Moderator

Re: Html 5 video shows pixelated

Reset the page zoom on pages that cause problems.

  • View > Zoom > Reset (Ctrl+0 (zero); Cmd+0 on Mac)
New Contributor

Re: Html 5 video shows pixelated

Thanks for you anwser but it doesn't work.

What you say is a solution to edit it in the browser Firefox. But i have to code it in html in my website because on every firefox browser it shows pixelated....

What can i do ?

Site Moderator

Re: Html 5 video shows pixelated

I checked all three formats in Totem and the ogv version encoded with Theora looks terrible compared with the other two versions.
You need to recode the file and possibly use a higher bit rate (currently 200 kbps) to get better resolution for the 1920 x 1080 format of this video.