Demi-Image background
Résolu/Fermé
A voir également:
- Remove image background css
- Image iso - Guide
- Hiberfil.sys remove - Guide
- Remove empty directories - Télécharger - Nettoyage
- Acronis true image - Télécharger - Sauvegarde
- Image iso windows 10 - Guide
1 réponse
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
525
11 déc. 2021 à 14:02
11 déc. 2021 à 14:02
Bonjour,
Une solution possible est d'inclure l'élément video dans un autre élément html sur lequel on peut appliquer les propriétés overflow: hidden; et width: 50%; pour n'afficher que la moitié de la vidéo.
Démo : https://jsfiddle.net/Lu92dsc4/
Une solution possible est d'inclure l'élément video dans un autre élément html sur lequel on peut appliquer les propriétés overflow: hidden; et width: 50%; pour n'afficher que la moitié de la vidéo.
<!-- html --> <div class="video-crop50"> <video src="video.mp4" autoplay muted loop></video> </div> <p>Lorem ipsum</p>
/* css */
.video-crop50 {
position: fixed;
top: 0;
left: 0;
overflow: hidden;
width: 50%;
height: 100vh;
z-index: -1;
}
.video-crop50 video {
min-width: 100vw;
min-height: 100vh;
}
Démo : https://jsfiddle.net/Lu92dsc4/
12 déc. 2021 à 11:46
Merci Pitet !