Tuto video responsive

Fantoche
Les bases HTML/CSS

Bonjour à tous,

Je rebondis sur l'astuce proposée par Graf.
Dans la mesure où je mets des vidéos, qui sont et seront toujours de la même taille.
Qu'est-ce que je risque à mettre ce type de code ?

<video width="100%" height="100%" controls="controls">
    <source type="video/mp4" src="maVideo.mp4" />
    your browser does not support the video tag
</video>

Merci

4 réponses

Nairolf

Tu as une balise qui entoure ta balise vidéo ou pas? Car là ça prendra toute la balise supérieur, donc si c'est le body, ça prendra toute la page.

Fantoche
Auteur

Oui une div avec une class "sequence", seulement en CSS à div.sequence c'est vide, je ne sais pas quoi mettre en faite.

Benjamin Derepas

Tu peux aussi ajouter une class à toutes tes vidéos (pas obligatoire) et ajouter une règle, comme les images :

video,.video-player{
max-with:100%;
height:auto;
overflow:hidden;
}

Il me semble que cela fonctionne

Fantoche
Auteur

Merci à vous deux, je testerai vos propositions.