28128 sujets

CSS et mise en forme, CSS3

Question toute bête, est-il possible de placer un lecteur audio html 5 en position verticale ?
J'ai tenté sur le container flex qui l'entoure, ça n'a pas fonctionné. Je n'ai pas trouvé de liens à ce sujet, et je n'en vois aucun vertical sur le net. Il y a peut-être une raison, mais j'ai envie de tester cette position, sur une page.
Modérateur
Bonjour,

Oui, c'est possible.

Par exemple :
audio {display:block;transform:rotate(90deg);}
Mais les éventuelles indications chiffrées sont elles-aussi transformées.

EDIT: éventuellement on peut utiliser des sélecteurs spéciaux pour redresser les informations. Par exemple, pour le temps écoulé :
audio::-webkit-media-controls-current-time-display {display:block;transform:rotate(-90deg);}


EDIT2: liste de sélecteurs (à vérifier navigateur par navigateur)
audio::-webkit-media-controls-panel
audio::-webkit-media-controls-mute-button
audio::-webkit-media-controls-play-button
audio::-webkit-media-controls-timeline-container
audio::-webkit-media-controls-current-time-display
audio::-webkit-media-controls-time-remaining-display
audio::-webkit-media-controls-timeline
audio::-webkit-media-controls-volume-slider-container
audio::-webkit-media-controls-volume-slider
audio::-webkit-media-controls-seek-back-button
audio::-webkit-media-controls-seek-forward-button
audio::-webkit-media-controls-fullscreen-button
audio::-webkit-media-controls-rewind-button
audio::-webkit-media-controls-return-to-realtime-button
audio::-webkit-media-controls-toggle-closed-captions-button

Amicalement,
Modifié par parsimonhi (07 Apr 2023 - 13:36)
En effet, ça fonctionne, je n'avais pas ciblé correctement. Et chez moi, ce n'est pas audio qu'il faut cibler, mais playlist.
Par contre, à l'essai, je ne trouve pas ça très beau sur une page. Et comme tu le précises, il faut aussi retourner toutes les commandes - avance, pause, morceau suivant. Plus les indications de titre et de durée, qui vont demander à élargir le lecteur. Pas concluant.
De plus, dans nos habitudes de lecture, la musique est un événement qui se déroule de gauche à droite, le voir défiler verticalement est un peu étrange.

Merci pour l'info à garder au chaud, au cas.
Modifié par Bongota (07 Apr 2023 - 14:08)