Responsive Web Design - Vidéo (Video)

Utilisez l'attribut width

Si l'attribut width est réglé à 100%, le lecteur vidéo sera automatiquement ajustée proportionnellement à la taille de l'écran:

A noter que dans l'exemple ci-dessus, le lecteur vidéo est ajustée automatiquement en fonction de la taille de l'écran et peut être plus grande que la taille d'origine. Plus souvent, nous pouvons utiliser la propriété max-width à la place.

Utilisation max-width propriété

Si la propriété max-width est réglé à 100%, le lecteur vidéo sera ajustée automatiquement en fonction de l'écran, mais pas plus que sa taille d'origine:

Ajout Page vidéo

Nous pouvons ajouter une vidéo dans une page Web. Les exemples et vidéo suivants sont automatiquement ajustés en fonction de la région occupe la totalité de la taille de la zone de div div: