Description

Ce widget permet aux propriétaires de sites et de blogs d'intégrer au sein de leurs pages une mosaïque de vidéos résultant d'une recherche sur le site et de lire chacune de ces vidéos dans un emplacement spécifique.

Voici un exemple pour une mosaïque portant sur le groupe "Rage Against The Machine" :

Bien entendu la recherche et donc la mosaïque portent sur tous les sites référencés chez nous (Dailymotion, Youtube, Myspace, Veoh, Wat.tv, Gametrailers, Metacafe, RedTube et Pornhub) au contraire de certains walls propriétaires.
De plus les couleurs et la disposition sont complétement paramétrables afin que le widget soit intégré au mieux sur le site hôte.



Intégration

Il suffit d'inclure le code suivant � l'endroit où doit se situer la mosaïque :
<script type="text/javascript"
src="http://www.strimoo.com/widget?ct=rage+against&nb=9&cl=3&id=a">
</script>
Et ce code, l� où doit s'afficher la vidéo :
<div id="strimoo_a"><img src="http://www.strimoo.com/pics/logo_widget.png"></div>
Cet exemple est le code qui a permis d'obtenir la mosaïque plus haut. Pour une recherche sur d'autres termes et une configuration plus précise, reportez vous au paragraphe suivant.



Paramétrage et personnalisation

Les paramètres portent principalement sur l'apparence et la disposition de la ou des mosaïques et sont � séparer par des &.

Concernant le comportement :
ct=[mots-clés]
Définit les mots-clés entrés pour la recherche. Pour effectuer une recherche sur plusieurs mots-clés il sera nécessaire de les séparer par un +

nb=[nombre]
Définit combien de vidéos sont affichées dans la mosaïque (100 max. et 20 par défaut)

cl=[nombre]
Définit sur combien de colonnes seront affichées les vidéos (20 max. et 10 par défaut)

Remarque : Conjoitement nb et cl permettent de définir le nombre ligne de la mosaïque.

ti=[0 ou 1]
Définit si le titre de la vidéo s'affiche en bas du widget pendant le survol des images d'aperçu

id=[nombre ou caractères]
Dans le cas où plusieurs vidéos sont présentes sur une page, elle doivent chacune posséder un identifiant unique (dans le cas où elles n'ont pas la même mise en forme)
De même la balise div qui accueille la vidéo doit avoir une id au format suivant : "strimoo_[id]" pour éviter que la vidéo ne s'affiche toujours au même endroit.

wp=[nombre]
Définit la largeur de chaque image d'aperçu (180px max. et 90px par défaut)

hp=[nombre]
Définit la hauteur de chaque image d'aperçu (144px max. et 72px par défaut)

wv=[nombre]
Définit la largeur de la vidéo qui sera affichée (500px par défaut)

hv=[nombre]
Définit la hauteur de la vidéo qui sera affichée (400px par défaut)

Concernant les couleurs :
bgch=[code hexa couleur]
Définit la couleur du bandeau haut de la mosaïque (999999 par défaut)

bgcp=[code hexa couleur]
Définit la couleur de fond de la mosaïque (999999 par défaut)

bgcf=[code hexa couleur]
Définit la couleur du bandeau bas de la mosaïque (999999 par défaut)

bgcv=[code hexa couleur]
Définit la couleur de fond de l'emplacement réservé où est affichée la vidéo (999999 par défaut)

Voici maintenant quelques exemples avec des styles différents :

Vidéos wall

<script type="text/javascript"
src="http://www.strimoo.com/widget?
ct=hocus+pocus
&nb=20
&cl=5
&ti=1
&bgch=999966
&bgcf=999966
&bgcp=cccc99
&id=c">
</script>


Bandeau latéral

<script type="text/javascript"
src="http://www.strimoo.com/widget?
ct=jean+luc+lemoine
&nb=10
&cl=1
&bgch=9999cc
&bgcf=9999cc
&bgcp=666699
&id=d">
</script>


Small box

<script type="text/javascript"
src="http://www.strimoo.com/widget?
ct=nirvana
&nb=16
&cl=8
&wp=50
&hp=40
&bgch=ff9900
&bgcf=ff9900
&id=e">
</script>


Bandeau Haut

<script type="text/javascript"
src="http://www.strimoo.com/widget?
ct=beyonce
&nb=4
&cl=5
&bgch=990000
&bgcp=FFFFFF
&bgcf=990000
&id=f">
</script>



N'hésitez pas � laisser les liens vers vos adaptations ou bien si comme pour le flux rss vous souhaitez pouvoir paramétrer d'autres choses, laissez un commentaire.