Video als header in je website

hoi, ik ben bezig om een video boven in een website te plaatsen.
Het werkt ook allemaal aardig maar de file weegt bijna 10 mb voor 9,5 seconden in een loop. Het betreft full width dus is een aardige resolutie.

Kreeg ook de melding dat het niet te zien is op een samsung tablet, het gedeelte gaat op zwart. De ipad laat wel netjes de vervangende foto zien in die positie.

De video is nu een mp4 file, nu wil ik ook kijken om het om bestand om te zetten naar html5. Mijn vraag; welke applicatie daarvoor te gebruiken voor een Mac en is het ook beter om html5 te gebruiken ?

Ik zie op sommige sites dat een full width background video vaak snel inlaad en soepel loopt, is het de bestandsgrootte of zijn meer items waar je op moet letten of beter kan toepassen.

mvg.

Je hebt de volgende formaten nodig voor html5 video.
- Ogg Theora - Firefox & Opera
- H.264 - Safari, Chrome en IE9
- webM - Opera, Chrome, Firefox en IE9

Als ik nu wat rondkijk zou je hiervoor het beste Miro Videoconverter kunnen gebruiken. Die is gratis en open-source. www.mirovideoconverter.com

Wordt die video ook afgespeeld als die site via mobiel bezocht wordt?