Tuto video responsive

Par Fantoche, il y a 12 ans


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, il y a 12 ans

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, il y a 12 ans

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, il y a 12 ans

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, il y a 12 ans

Merci à vous deux, je testerai vos propositions.