X
Tap here to go to the mobile version of the site.
Your Firefox is out of date and may contain a security risk! Upgrade Firefox

Support Forum

Html 5 video shows pixelated

Posted

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.

Modified by cor-el

Additional System Details

Application

  • User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_3) AppleWebKit/534.53.11 (KHTML, like Gecko) Version/5.1.3 Safari/534.53.10

More Information

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.

cor-el
  • Top 10 Contributor
  • Moderator
10746 solutions 96697 answers

Reset the page zoom on pages that cause problems.

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

Question owner

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
  • Top 10 Contributor
  • Moderator
10746 solutions 96697 answers

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.