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 l'intégration VOLUME 210 astuces CSS pour faciliter…
Dans cette formation CSS volume 2, nous allons découvrir 10…

Apprendre le Responsive DesignApprendre le Responsive Design…
Dans cette formation Responsive Design signée Elephorm, vous…

Teaser de la formation avec Thierry AudouxTeaser de la formation avec…

Qu'est-ce que le Responsive Web Design ?Qu'est-ce que le Responsive…

Créer un site One Page complet de A à ZCré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 slider d'images en full pageCréer un site web avec un…
Dans ce tuto jQuery / CSS3, nous allons ensemble, pas à pas,…

Menu déroulant intelligent en full CSS 3Menu déroulant intelligent…
Avec ce tuto CSS 3, apprenez à réaliser un menu déroulant…

Montage HTML/CSS d’une maquette graphique sur DreamweaverMontage 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 :

Partagez cet extrait

Lien vers cet extrait : Embed code :

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 JqueryUpload 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 JqueryNavigation 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 PHPUtiliser les Jointures en PHP
Dans ce tuto PHP en vidéo, nous verrons comment utiliser les jointures dans un cas pratique.…

Les jointuresLes jointures
Dans ce tuto Codeigniter gratuit, en vidéo, nous verrons comment utiliser les jointures…

voir tous les tuto de simpledev

Ce tuto n’a pas encore reçu de vote

Votez pour ce tuto


 

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.

N'hésitez pas à nous contacter si vous avez la moindre question !