Quelle serait la meilleure approche de la vidéo HTML5?

Je travaille sur ce site ( http://martindue.dk/esoft/ ) où j'aimerais avoir un lecteur de film dans le tout premier bloc. Je pense donc que je dois construire quelque chose à partir de zéro, car j'aimerais que le lecteur vidéo n'ait pas de contrôle, et ce "bouton de lecture" devrait apparaître au dessus de la vidéo, lorsqu'il n'a pas encore été lancé, et En cliquant sur, le bouton doit disparaître et la vidéo commence à jouer.

Est-il possible de faire sans beaucoup de code? Je ne suis pas une bête quand il s'agit de Javascript (jQuery).

Il existe 3 approches pour résoudre votre problème:

Créez vos propres contrôles vidéo: vous pouvez lire ici pour commencer avec le support jquery
Utilisez un lecteur gratuit / open source: les jeux vidéo sont un choix solide (retour par Brightcove). À mon avis, mediaelementjs est également un choix valable.
Utilisez un lecteur premium: JW player et flowplayer sont deux excellentes options. Ils ajouteront des fonctionnalités supplémentaires comme le support d'annonces, l'API unifiée, la diffusion en direct, l'analyse vidéo …

En outre, même si 80% des navigateurs actuels ne prennent en charge la lecture pour la vidéo HTML5, vous devriez penser à une option de recharge (au minimum un message "sans support disponible" indiquant à l'utilisateur ce qu'il faut faire pour regarder votre vidéo – bien sûr, un recul de flash serait un Meilleure option)

Je ne recommanderais pas les mediaelementjs car j'ai de la mauvaise expérience, surtout sur les anciens IE et Android.

Je viens de commencer à évaluer video.js et je n'ai pas encore eu de problèmes.