FR

EN

Changer la forme du bouton « play »

Il est possible de changer l’image du bouton « play » en créant un skin incluant par exemple le code css suivant :

.video-js {
--btn-player-img: url("[IMAGE_PLAYER]");
--btn-player-size : 120px
}

.video-js .vjs-big-play-button {
background-image: var(--btn-player-img) !important;
width: var(--btn-player-size) !important;
height: var(--btn-player-size) !important;
background-size: var(--btn-player-size) !important;
margin-top: calc(-1*var(--btn-player-size)/2);
margin-left: calc(-1*var(--btn-player-size)/2);
background-position: center !important;
background-repeat: no-repeat !important;
}

@media (max-width: 768px) {
.video-js {
--btn-player-size : 60px
}
}

… [IMAGE] pouvant être l’url de votre image ou votre image en base64.

Partager ce post

S’abonner à ce blog

Saisissez votre e-mail pour vous abonner à ce blog et revevoir une notification de chaque nouvel article par email.