Bandeau

Site de démonstration du jeu de squelettes ESCAL fonctionnant sous SPIP3 et mis à la disposition des Etablissements SColaires de l’Académie de Lyon... et de qui veut.

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

    - Ogg Vorbis - 5.8 Mo

  • scottbuckley_titan-2.ogg Télécharger

    - Ogg Vorbis - 5 Mo

  • scottbuckley_titan.ogg Télécharger

    - Ogg Vorbis - 5 Mo

  • punchdeck-icantstop.ogg Télécharger

    - Ogg Vorbis - 8.2 Mo

  • jens_east_-_daybreak_feat_henk.ogg Télécharger

    - Ogg Vorbis - 8.6 Mo

  • jaunter-thesearch.ogg Télécharger

    - Ogg Vorbis - 5.6 Mo

  • creo-showdown.ogg Télécharger

    - Ogg Vorbis - 6.5 Mo


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

qrcode:https://escal.edu.ac-lyon.fr/spip/spip.php?article443

Plan du site Contact Mentions légales Données personnelles et cookies Espace privé squelette RSS

2009-2024 © Escal - Tous droits réservés
Haut de page
Réalisé sous SPIP
Habillage ESCAL 4.6.2