Dans ce tuto CSS en vidéo, nous verrons comment nous pouvons faire en sorte d'afficher des vidéos en responsive design, c'est à dire sans se soucier de la résolution d'écran de notre visiteur. Avec cette technique CSS, que vos visiteurs consultent votre site avec un smartphone ou bien un écran 27 pouces, la vidéo s'affichera de la même manière dans les dimensions adaptées à l'écran de l'utilisateur. Nous verrons comment faire d'abord avec une vidéo insérée en HTML5, puis nous verrons par la suite comment faire avec une vidéo importée de Youtube, sachant que le principe fonctionnera aussi avec les vidéos importées de vimeo ou autres plateformes de vidéo en ligne.
Bon tuto!
Jetez un oeil à ces autres tuto CSS 3
10 astuces CSS pour faciliter…
Dans cette formation CSS volume 2, nous allons découvrir 10…
Apprendre le Responsive Design…
Dans cette formation Responsive Design signée Elephorm, vous…
Créer un site One Page complet…
Dans ce tuto vidéo HTML5, CSS3 et jQuery, nous allons voir…
Créer un site web avec un…
Dans ce tuto jQuery / CSS3, nous allons ensemble, pas à pas,…
Menu déroulant intelligent…
Avec ce tuto CSS 3, apprenez à réaliser un menu déroulant…
Montage HTML/CSS d’une maquette…
Voici une formation dédiée à la découpe et au montage HTML…
Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto CSS 3 de 8 minutes est proposée dans une résolution plus grande que l’extrait suivant :
simpledev
, formateur certifié
Toutes les formations de Simpledev
Témoignage des clients de simpledev
![]()
Tutoriel clair et précis. Continuez ainsi :)
![]()
Tuto sur le codeigniter excellent par contre existe t il un tuto sur la création d'un back office avec codeigniter. Si oui, je suis fortement intéressée...
![]()
Superbes tutos pour apprendre Laravel ! Continue comme ça :D
![]()
Merci beaucoup pour tes tutorial que j'adore :D
![]()
Très bon formateur de bonne qualité. J'aime.
Lire les autres témoignages
D'autres tuto de simpledev
Upload avec Progress Bar en PHP 5.4 et Jquery
Dans ce tuto PHP gratuit en vidéo, nous verrons comment réaliser un système d'upload…
Navigation par onglets avec Jquery
Dans ce tuto Jquery, en vidéo, nous verrons comment mettre en place un système de navigation…
Utiliser les Jointures en PHP
Dans ce tuto PHP en vidéo, nous verrons comment utiliser les jointures dans un cas pratique.…
Les jointures
Dans ce tuto Codeigniter gratuit, en vidéo, nous verrons comment utiliser les jointures…
Ce tuto n’a pas encore reçu de vote
Les avis / Questions des utilisateurs
Aucun utilisateur n’a encore commenté ce tuto.
Sachez que Tuto.com regroupe plus de 294 000 membres qui ont déjà téléchargé plus de 5 919 000 tuto vidéo.
La note moyenne attribuée à nos tuto est de 17/20. Toutes les vidéos proposées sur notre site, sont sélectionnées
à la main, par notre équipe, garantissant ainsi la qualité de nos formations.
Pas encore convaincu ? Parcourez la liste des avis des utilisateurs de Tuto.com !
Soyez le premier à commenter ce tuto
Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous
Ce tuto en résumé ...
Ce tuto CSS 3 d’une durée de 8 minutes a été acheté 41 fois.
Ce tuto a été publié le 18 mai 2012 par simpledev, formateur certifié par Tuto.com, ayant reçu une note moyenne de 4,4/5 pour l’ensemble de ses vidéos, dans la catégorie Tuto CSS Astuces.
Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.
Ce tuto video vous expliquera étape par étape, toutes les manipulations présentées par le formateur.
Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.














