Module viméo Studio : un player vidéo simple et efficace pour Joomla 1.5 ou 1.6.

 

Il comporte des paramètres ajustables comme la taille de la miniature, son alignement…

Il est de plus entièrement personnalisable en ajoutant vos propres CSS dans les paramètres avancés. Il récupère automatiquement les miniature et la description des vidéos.

Pour ajouter une vidéo Viméo, il suffit de placer le numéro de la vidéo dans le paramètre « ID vidéo ».
Attention : vérifiez vos paramètres de partage des vidéo sur votre compte viméo.

Télécharger module Viméo Studio pour joomla

Télécharger module Viméo Studio pour joomla

Site internet de la démo du module

Forum sur www.latarsa-graphisme.fr

 

mod_vimeostudio3

 

Le fait de se servir du champs CSS perso efface les styles par defaut.
Le style en question est h3 mais il faut faire un css contextuel et remettre les styles par defaut. 

 

Deux possibilité :

Il faut donc pour mettre en forme les titres soit ajouter dans votre feuille CSS de template le style:

.btn_thumb h3{
font-size: 12px; /*taille en px de la police*/

}

soit Copiez et collez le code suivant dans le champs CSS :

#btnslidervimeobottom{
background-image: url(../../modules/mod_vimeostudio/img/back_btn.png);
background-repeat: repeat-x;
background-position: center bottom;
height: 20px;
width: 250px;
position: relative;
top: 300px; /* (« Hauteur de votre vidéo ») – 40px */
z-index: 1000;
}

#btnslidervimeotop{
background-image: url(../../modules/mod_vimeostudio/img/back_btn.png);
background-repeat: repeat-x;
background-position: center bottom;
height: 20px;
width: 250px;
position: relative;
top: 0;
z-index: 1000;
}

.modvimeo{
width:100%;
height:$height;
overflow:hidden;
}
#thumbimg{
width:250px;
height:340px; /* Hauteur de votre vidéo*/
overflow:hidden;
font-family:Arial;
font-size:10px;
background-color: #CCC;
border: 1px solid #999;
}
.btn_thumb{
background-image: url(../../modules/mod_vimeostudio/img/back_thumb.jpg);
background-repeat: repeat-x;
background-position: center bottom;
padding-left:5px;
padding-right:5px;
}
/* Style du titre de la vidéo */

.btn_thumb h3{
font-size: 12px; /*taille en px de la police*/

}