HTML5 Convertisseur vidéo
Conversion de toutes les vidéos vers WebM, OGV or MP4
récemment utilisé par
Pas de logiciel à installer
Importez juste votre fichier vidéo. La conversion se déroule en ligne.
Brilliant VP9 WEBM
Webm de haute qualité, optimisé selon les dernières recommandations de Google. Grande qualité avec de petites tailles de fichiers.
WebM - MP4 - OGV
Votre choix, ou tous les 3 formats.
MP4 Démarrage rapide
Déplacer les données en début de liste. Ainsi vos vidéos se liront plus vite et vos utilisateurs auront une meilleure expérience
Téléchargeur résumable
Déconnecté? Ca continuera de fonctionner comme si rien ne s’était passé
Gros fichiers acceptés
Jusqu'à 4 Go. Gratuit pour les fichiers jusqu'à 20 Mo
Pas besoin d’inscription
nous ne vous demanderons pas votre E-mail
Bien pour les arrière-plans vidéo de sites web
La suppression optionnelle du fichier audio réduit la taille du fichier
Importez puis Téléchargez
Téléchargez votre vidéo pour lancer la conversion. Une fois terminé, vous pouvez télécharger le fichier converti
Sans virus, Sans pub
Aucun virus ou pub ne seront insérés dans vos fichiers
Changer la qualité vidéo
Changer la qualité vidéo (taille du fichier ou bien laisser le format d’origine
Laisser un commentaire
Comment utiliser des vidéos d’arrière-plan HTML5 Vidéos d’arrière-plan sur votre site
Afin d'utiliser des vidéos d'arrière-plan, vous devriez idéalement les fournir en 3 versions. Qui sont MP4, OGV and WEBM. OGV n'est pas vraiment nécessaire, sauf si vous voulez fournir les anciens Navigateurs Firefox 3.5 & 3.6, Opera 10.5 et Chrome 3, 4, & 5.
Ne laissez pas vos vidéos être trop grandes. Visez une taille de fichier maximale de 4 MB.
Vous devriez utiliser un tag vidéo HTML5 comme ça
< boucle replay muette de la vidéo ="media/image/road.jpg" id="background">
<source src="media/video/road.mp4" type="video/mp4">
<source src="media/video/road.webm" type="video/webm">
<source src="media/video/road.ogv" type="video/ogg">
</video>
Le code ci-dessus définit également une affiche. Cela est affiché pendant le chargement de la vidéo ou dans les navigateurs qui ne peuvent pas lire la vidéo. Pour créer une affiche vidéo, vous pouvez lire la vidéo sur votre ordinateur, la mettre en pause et utiliser shift + command + 4 (MAC. Sous Windows, vous pouvez utiliser l'outil de découpe standard.
And alors vous formatez ceci avec CSS:
#background {
display:none;
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
-webkit-transform: translateX(-50% translateY(-50%;
transform: translateX(-50% translateY(-50%;
}
Mais nous montrons cette vidéo d'arrière-plan uniquement sur les appareils plus gros. Parce que sur les téléphones mobiles, la vidéo d'arrière-plan peut prendre utiliser de ressources système. Nous ajoutons donc cette requête média (remplacer la largeur minimale: 62em avec une valeur de votre propre cadre si vous aimez
@media (largeur minimale : 62em {
#background {
display:block;
}
}