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.
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.
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 ?
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.