Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Html 5 video shows pixelated

  • 3 replies
  • 3 have this problem
  • 468 views
  • Last reply by cor-el

Delirum96
Delirum96
more options

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.

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: <pre><nowiki><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></nowiki></pre> You can also watch it live on my website.

Modified by cor-el

All Replies (3)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Reset the page zoom on pages that cause problems.

  • View > Zoom > Reset (Ctrl+0 (zero); Cmd+0 on Mac)
Delirum96
Delirum96 Question owner
more options

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 ?

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

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.