Discussion utilisateur:Dr Brains/Video.js
/*
Moi | Bla-bla | Contributions | Travaux | Outils | Scripts | Bot | Administration | Bureaucratie | Divers |
|
Archives | |
Utilisateur:Dr Brains/Video.js est un script permettant d'insérer une vidéo YouTube, DailyMotion ou Google à la place du logo wikipédia. Son fonctionnement est calqué sur les Widgets correspondants (voir mw:Extension:Widgets).
Il ne fonctionne que pour les habillages monobook ou vector.
Installation modifier
Pour installer cette fonction, ajouter à votre page monobook.js ou vector.js le code suivant :
importScript('Utilisateur:Dr Brains/Video.js');
Personnalisation modifier
Il est possible de changer la vidéo et de modifier les dimensions et la position de la vidéo, pour ce faire, les paramètres présents dans la partie personnalisable du script doivent être déclarés avant l'appel de la fonction.
Exemple modifier
var MyLogoVideo_Site = 'YouTube';
var MyLogoVideo_Id = 'Hg8Fa_EUQqY';
var MyLogoVideo_Largeur = '50';
var MyLogoVideo_Hauteur = '50';
var MyLogoVideo_Position = 'top:100px; left:100px;';
importScript('Utilisateur:Dr Brains/Video.js');
CODE SOURCE modifier
Video.js
//<pre><nowiki>
////////////////////////////////////////////////////////// PARTIE PERSONNALISABLE ////////////////////////////////////////////////////////////////
if(typeof(MyLogoVideo_Site)=='undefined'){ var MyLogoVideo_Site = 'YouTube'; } // 'YouTube' , 'DailyMotion' ou 'Google'
if(typeof(MyLogoVideo_Id)=='undefined'){ var MyLogoVideo_Id = 'MOmYbu8cdQg'; } // N° d'identification de la vidéo, visible dans l'URL
if(typeof(MyLogoVideo_Largeur)=='undefined'){ var MyLogoVideo_Largeur = '155'; } // Largeur
if(typeof(MyLogoVideo_Hauteur)=='undefined'){ var MyLogoVideo_Hauteur = '155'; } // Hauteur
if(typeof(MyLogoVideo_Position)=='undefined'){ var MyLogoVideo_Position = 'top:0px; left:0px;'; } // Position
////////////////////////////////////////////////////////// FIN DE LA PARTIE PERSONNALISABLE ////////////////////////////////////////////////////////////////
if(MyLogoVideo_Site=='DailyMotion'){ // ------------------------------------
document.write('<style type="text/css">');
document.write('#p-logo {display:none;}');
document.write('</style>');
document.write('<div style="z-index: 3; position:absolute; '+MyLogoVideo_Position+' width:'+MyLogoVideo_Largeur+'px; height: '+MyLogoVideo_Hauteur+'px; overflow: visible;">');
document.write('<object width="'+MyLogoVideo_Largeur+'" height="'+MyLogoVideo_Hauteur+'"><param name="movie" value="http://www.dailymotion.com/swf/'+Video_Id+'&v31=&colors=background:DDDDDD;glow:FFFFFF;foreground:333333;special:FFC300;&related=0"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.dailymotion.com/swf/'+MyLogoVideo_Id+'&v31=&colors=background:DDDDDD;glow:FFFFFF;foreground:333333;special:FFC300;&related=0" type="application/x-shockwave-flash" width="'+MyLogoVideo_Largeur+'" height="'+MyLogoVideo_Hauteur+'" allowFullScreen="true" allowScriptAccess="always"></embed></object>');
document.write('</div');
} else if(MyLogoVideo_Site=='Google'){ // ------------------------------------
document.write('<style type="text/css">');
document.write('#p-logo {display:none;}');
document.write('</style>');
document.write('<div style="z-index: 3; position:absolute; '+MyLogoVideo_Position+' width: '+MyLogoVideo_Largeur+'px; height: '+MyLogoVideo_Hauteur+'px; overflow: visible;">');
document.write('<embed id="VideoPlayback" style="width:'+MyLogoVideo_Largeur+'px; height:'+MyLogoVideo_Hauteur+'px" flashvars="" src="http://video.google.com/googleplayer.swf?docid='+MyLogoVideo_Id+'&hl=en" type="application/x-shockwave-flash"></embed>');
document.write('</div');
}else if(MyLogoVideo_Site=='YouTube'){ // ------------------------------------
document.write('<style type="text/css">');
document.write('#p-logo {display:none;}');
document.write('</style>');
document.write('<div style="z-index: 3; position:absolute; '+MyLogoVideo_Position+' width: '+MyLogoVideo_Largeur+'px; height: '+MyLogoVideo_Hauteur+'px; overflow: visible;">');
document.write('<object width="'+MyLogoVideo_Largeur+'" height="'+MyLogoVideo_Hauteur+'"><param name="movie" value="http://www.youtube.com/v/'+MyLogoVideo_Id+'"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/'+MyLogoVideo_Id+'" type="application/x-shockwave-flash" wmode="transparent" width="'+MyLogoVideo_Largeur+'" height="'+MyLogoVideo_Hauteur+'"></embed></object>');
document.write('</div');
}
//</nowiki></pre>