lecteur multimédia avec playliste de fichiers .ogg

Article mis en ligne le 11 octobre 2022

dernière modification le 8 novembre 2023

par Jean Christophe Villeneuve

Playlist

shearer-nolove.ogg Télécharger
11 octobre 2022 - Ogg Vorbis - 5.8 Mio
scottbuckley_titan-2.ogg Télécharger
11 octobre 2022 - Ogg Vorbis - 5 Mio
scottbuckley_titan.ogg Télécharger
11 octobre 2022 - Ogg Vorbis - 5 Mio
punchdeck-icantstop.ogg Télécharger
11 octobre 2022 - Ogg Vorbis - 8.2 Mio
jens_east_-_daybreak_feat_henk.ogg Télécharger
11 octobre 2022 - Ogg Vorbis - 8.6 Mio
jaunter-thesearch.ogg Télécharger
11 octobre 2022 - Ogg Vorbis - 5.6 Mio
creo-showdown.ogg Télécharger
11 octobre 2022 - Ogg Vorbis - 6.5 Mio

Pour obtenir cela, il faut :

Copier et modifier le fichier playlist.html

copier ce fichier de /plugins/auto/player/modeles dans /squelettes/modeles
modifier la ligne 35 {extension=mp3} en {extension IN mp3,ogg}

Jouer avec les CSS

Ces règles CSS sont à mettre dans le fichier perso.css qui doit se trouver dans /squelettes/styles

Avec Spip 3 et Lecteur Multimedia 2.8.4

/***********************************************/
/* le modele playlist du lecteur multimédia    */
/***********************************************/
.mejs-playlist ul {
	padding: 0;
}
ul.liste-items li {
	list-style-type: none;
	line-height: 25px;
	padding: 2px !important;
}
ul.liste-items li a.download{
	float: right;
}

Avec Spip 4 et Lecteur Multimedia 4.0.2

/***********************************************/
/* le modele playlist du lecteur multimédia    */
/***********************************************/
.mejs-playlist{
	margin: 0;
	padding: 0;
	max-width: 1000px;
	margin: auto;
}
.mejs-playlist ul{
	margin: 0;
	padding: 0;
}
.mejs-playlist ul.liste-items li {
	list-style-type: none;
	line-height: 25px;
	padding: 2px;
}
.mejs-playlist .mejs__controls{
	position: relative;
	height: 30px;
	padding: 5px 2px 0 0;
}
.mejs-playlist .track .mejs__button button::before {
	border-radius: 0;
}
.mejs-playlist article{
	text-align: left;
	padding-left: 40px;
	margin-top: -30px;
}
.mejs-playlist ul.liste-items li a.download{
	float: right;
	margin-right: 5px;
	position: relative;
	z-index: 10;
}
.mejs-playlist .publication{
	display: none;
}

Ecrire le raccourci dans un article

<playliste|id_article=XX>

où XX est le numéro de l’article contenant les fichiers .ogg

Dans la même rubrique