login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Html5 video toont gepixeld in Firefox

Offline Delirium - 15/01/2013 17:29 (laatste wijziging 15/01/2013 17:38)
Avatar van DeliriumLid Hallo,

Ik heb een html5 video ingevoegd in mijn website.
Safari vertoont de video perfect maar in Firefox heb ik enkele problemen.
Firefox vertoont de video zeer gepixeld en schokkerig. Ik heb het bestand van de video geconverteerd naar .webm formaat maar blijkbaar is dit niet voldoende.

Dit is mijn code:
Plaatscode: 142090

Ook heb ik een fallback gemaakt naar youtube. Maar als ik alleen de youtube link laat staan dan werkt dit niet. Wat is hier het probleem?

Heeft iemand een idee?

Bijkomende vraag:

In Firefox komt er standaard een zwart transparant vlak met een play button boven de video te staan. Weet iemand hoe dit kan omzeild worden.

Alvast bedankt voor jullie tijd en info.

6 antwoorden

Gesponsorde links
Offline marten - 18/01/2013 11:37
Avatar van marten Beheerder Heb je een online voorbeeld Delirium?
Offline Delirium - 22/01/2013 22:03 (laatste wijziging 22/01/2013 22:04)
Avatar van Delirium Lid
marten schreef:
Heb je een online voorbeeld Delirium?


Ja, ik heb de website tijdelijk gehost op dit adres http://snapshot-evergem.be/

Als je dit in Firefox bekijk zal je het probleem zien...

Filmpje staat onder de header.
Offline Joel - 22/01/2013 23:06 (laatste wijziging 22/01/2013 23:15)
Avatar van Joel Eigenaar Probeer eens het attribuut type in het <source> element toe te voegen.

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <source src="video/Pixelprinting.mp4" type="video/mp4"></source>
  2. <source src="video/Pixelprinting.webms" type="video/webm"></source>

Ik lees op deze website:
Citaat:
The type attribute is not required, but useful for increased performance. If it is not set, all browsers will start downloading the first video to find out if it can play. With the type set, Firefox and Opera recognize they should download the second video instead of the first one.

Ik was het even zelf lokaal aan't proberen, en zie dat je .webms hebt als extentie in plaats van .webm? Zeker dat dit klopt? Volgens mij moet dit WebM zijn
Offline Delirium - 24/01/2013 20:26
Avatar van Delirium Lid
Joel schreef:
Probeer eens het attribuut type in het <source> element toe te voegen.

[..code..]
Ik lees op deze website:
[..quote..]
Ik was het even zelf lokaal aan't proberen, en zie dat je .webms hebt als extentie in plaats van .webm? Zeker dat dit klopt? Volgens mij moet dit WebM zijn


Ik heb het aangepast naar webm maar het probleem blijft.

Klein detail, als ik lokaal de regel met het .webm formaat voor het ogg. formaat plaats dan werkt het via Firefox. Maar van zodra ik alles upload loopt het terug verkeert.

Ik probeer misschien even met een andere converter. Nu gebruik ik Miro video converter.
Offline Kevin - 25/01/2013 21:12 (laatste wijziging 25/01/2013 21:12)
Avatar van Kevin Crew Ajax/REST Wat ik vaak doe ik gebruik maken van de JWPlayer. Dit vangt al veel cross-browser/mobile problemen op.
Zie http://www.longtailvideo.com/jw-player/
Offline Pieter - 28/01/2013 10:27
Avatar van Pieter Gouden medaille

SEO guru		 @Kevin, of als gratis opensource alternatief jPlayer. JWPlayer komt snel op 150 usd per jaar, terwijl die kost (meestal) niet nodig is. Wel geen RTMP support als je streaming nodig zou hebben.
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.175s