Video Widget

Video Widget is my first tiny WordPress plugin. Please, be gentle with me. :)

Description

This plugin allow to add one or more video in the sidebar. It is based on :

Only video ID is required, no HTML code.

What’s new

Screenshots

Supported video formats

The Video Widget plugin support the following formats :

  1. Youtube
  2. Dailymotion
  3. Google Video
  4. FLV
  5. Vimeo
  6. Filckr
  7. Metacafe
  8. LiveLeak
  9. Revver
  10. iFilm
  11. MySpace
  12. Blip.tv
  13. CollegeHumor
  14. VideoJug
  15. GodTube
  16. Veoh
  17. Break
  18. Movieweb
  19. Jaycut
  20. Myvideo
  21. Clipfish
  22. Viddler
  23. Gametrailers
  24. Snotr
  25. Taratata
  26. Quicktime
  27. Windows media player

Help/Examples - Get the video ID

Thanks to Video Embedder for this documentation.
Copy the red part (on your video url) and paste it in your Video Widget Id field.

Youtube help

http://www.youtube.com/watch?v=zORv8wwiad

Dailymotion help

http://www.dailymotion.com/video/xoh8j_monty-python-dead-parrot-sketch_famil

Google Video help

http://video.google.com/videoplay?docid=6063985264803214006

FLV help

http://media1.koreus.com/00064/200804/nicholas-white-41-heures-ascenseur.flv

Vimeo help

http://www.vimeo.com/870172

Flickr help

http://www.flickr.com/photos/jmt/2402193657/

Metacafe help

http://www.metacafe.com/watch/975366/secrets_of_google_earth/

Liveleak help

http://www.liveleak.com/view?i=d62_1594640234

Revver help

http://revver.com/video/527514/

IFILM help

http://www.ifilm.com/video/3521648

Myspace help

http://vids.myspace.com/index.cfm?fuseaction=vids.individual&videoid=56884863

Blip.tv help

http://blip.tv/file/254683

CollegeHumor help

http://www.collegehumor.com/video:3567863

Videojug help

<object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ codebase=”http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/…
swflash.cab#version=7,0,0,0″ width=”400″ height=”345″ align=”middle”><param name=”movie” value=”http://www.videojug.com/film/player?id=3ff6e533-5eaf-4ff8-540e-02334f7ac808” /><embed src (…)

Godtube help

http://www.godtube.com/view_video.php?viewkey=83abb6308b8842ca6f1

Veoh help

http://www.veoh.com/videos/v1683095mYFrF3X

Break help

<object width=”464″ height=”392″><param name=”movie” value=”http://embed.break.com/NDExNjU2“></para…

Movieweb help

http://www.movieweb.com/video/V07L3flnvxMUWY

Jaycut help

http://jaycut.se/mix/2493/preview

Myvideo help

http://www.myvideo.de/watch/3033737

Clipfish help

http://www.clipfish.de/player.php?videoid=OTU2NTk5fDE5NTA1NTM%3D&tl=4717&cat=28

Viddler help

<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ width=”437″ height=”370″ id=”viddler_chieftwit_12″><param name=”movie” value=”http://www.viddler.com/player/79cb0e9a/” />…</object>

Gametrailers help

http://www.gametrailers.com/player/32607.html

Snotr help

http://www.snotr.com/video/1056

Taratata help

http://video.mytaratata.com/video/iLyROoaft-vg.html

Quicktime help

http://www.yoursite.com/path/file.mov

Windows Media Player help

http://www.yoursite.com/path/file.wmv

Random video from list

Since the 1.2 version, you can configure a list of video, and display random one. The backoffice field to complete is “ID list (for random display)“.

The semantic to respect :

type:id:textbefore:textafter;
type:id:textbefore:textafter;

IMPORTANT: You have to write one colon (:) between video parameters and one semicolon (;) between lines.

The list of video type you can use :

youtube, dailymotion, google, flv, vimeo, flickr, metacafe, liveleak, revver, ifilm, myspace, bliptv, collegehumor, videojug, godtube, veoh, break, movieweb, jaycut, myvideo, clipfish, viddler, gametrailers, snotr, taratata, quicktime, windowsmedia

Exemple1 : 2 videos (Youtube and Dailymotion), no text around the video

youtube:FsrN3qxX2Yw;
dailymotion:x2pjo1

Exemple2 : 2 videos (Youtube and Dailymotion), with text after and before video (not required in fact)

youtube:FsrN3qxX2Yw:textbefore:textafter;
dailymotion:x2pjo1:textbefore:textafter

Installation

  1. Download and unzip the Video Widget file,
  2. Upload the ‘video-widget’ folder to the ‘/wp-content/plugins/’ folder
  3. In the ‘Plugin’ section, active the plugin,
  4. Use the plugin, in the ‘Widgets’ section.

Download Video Widget Plugin

Have fun! :)

Commentaires

A la différence de la vidéo dailymotion, pourquoi quand on clique sur la vidéo Youtube on se retrouve projeté sur leur site alors qu’il serait mieux de la visonner en widget comme dalilymotion…

Lionel,

Au chargement de la page, tu dois voir un bouton virtuel au centre de ces 2 lecteurs (Dailymotion et Youtube) : le bouton “Lecture” qui est en forme de triangle. Si tu le loupes cela ouvrir une page, mais si tu cliques dessus cela va démarrer la vidéo.

Une fois les vidéos lancées, l’action de cliquer au centre du lecteur va ouvrir la page de la vidéo. Ce comportement est normal.

Par contre l’action de cliquer sur le bouton pause (en bas du lecteur), va mettre la vidéo sur pause. Et c’est à ce moment là que tu auras une VRAIE différence entre Dailymotion et Youtube. En effet, le premier affichera le bouton virtuel Pause au centre, alors que le second non, rien, nada. Youtube est un radin que veux tu. L’action de cliquer à nouveau au centre du lecteur Dailymotion va relancer la vidéo, contrairement au widget Youtube qui lui va ouvrir la page Youtube.

Bref tout cela pour dire, que je ne peux rien y faire. Tout cela est normal. Ayez confiance… :p

What about http://www.vimeo.com support? Their quality is great and a lot of folks are using it.
Thanks for a cool plugin.

Steve> Sure, why not. I take a look of that very soon (tonight probably). Stay tuned for a new version… :)

And you are welcome.

Steve >> It’s done for Vimeo support. See my sidebar. Madonna rocks. ;)
Soon flickr …

I tried to add clipfish.de to the script.

Thats what i added (after MyVideo!):

case ‘clipfish’:
$content = widget_video_buildEmbed(’http://www.clipfish.de/player.php?videoid=’.$id.’=', $width, $height);
break;

Later in the code i added also to the list:
$sources['clipfish']=’Clipfish’;

If you run a video in Clipfish it have this URL:
http://www.clipfish.de/player.php?videoid=ODA5MzM3fDExMjMxNTE%3D

When you want embedd it you have that code:
http://www.clipfish.de/player.php?videoid=ODA5MzM3fDExMjMxNTE=

It does not work for me :( I get an empty space where the video should be. Do you have a suggestion?

Thx a lot,
Bernd
http://www.berndsworld.com

Hi Bernd,

The only one suggestion that i can give is to ask any evolutions you need, but not debugging your code. Thx. :)

I will update (if it is possible) the script with clipfish.

Stay tuned. ;)

>> Bernd

I just add and test the clipfish support on my local server.It works and will be available tomorrow morning. Certainly with other new supports.

Regards

well, you are amazing :)

I tested it, works great!

Thx a lot for that cool tool

You are welcome. :)

How to add “more videos” page link in sidebar? Can you please help me to add link to this widget

Hi first.

You can write regular html code in the text before/after video field. Then you can add link code.

:)

[...] les modules (widgets) de la barre de côté je n’ai pas encore résolu le problème car les vidéos [...]

Is it possibile to add more video on the same widget so I can show to my visitor a random videos every time they refresh or return on my blog?

Thanks

francesco >> Hello. I prefer keep the actual system. One video per widget. Because, if we want do some random stuff, we must find a full dynamic process to add and retire videos from the widget. Too complicate (for the moment). :)

It’s great, but any idea how to ad a random list utility?

Hi Jordy.
First take a look on the Daiko’s Video Widget.
Maybe soon in video widget plugin… :)

l’essai fut gagnant.
J’ai donc mis l’adresse de la video sur mon site que je retrouve par filezilla donc ton exemple je comprends pas bien l’adresse http://media1.koreus.com/00064/200804/ que tu proposes ?

Annie> C’est une adresse exemple qui indique le chemin absolu du fichier FLV (adresse du site + chemin de la vidéo FLV).

hi. Thanks for plugin

perfect.

best regards

Mille mercis!Ca fonctionne très bien,et l’exemple des codes ID en rouge est fabuleux pour mon “p’tit cerveau”.

baron > you are welcome. :)
chibatop > mille de rien. C’est vrai que l’aide pour les ID est bien pratique au début.

Hi Nikohn

J’ai trois problèmes :

- Comment faire pour agrandir les dimensions du player ?

- Quand je copie cette adresse (http://www.dailymotion.com/video/x3zkyf_anne-roumanoff-sarkozy-carla-on-ne_fun), tout s’efface sur mon site. Que faire ?

- Est-il possible de placer “autres video” (par exemples 5) avec des liens de manière à ce que les internautes puissent visionner plusieurs sujets ?

Merci pour tes réponses.

patkban> Bonjour,

3 problèmes -> 3 réponses :)

- Comment faire pour agrandir les dimensions du player ?

Réponse : Dans la configuration de votre Widget Video, il faut renseigner les champs Width (largeur) et Height (hauteur). En pixels bien entendu.

- Quand je copie cette adresse (http://www.dailymotion.com/video/x3zkyf_anne-roumanoff-sarkozy-carla-on-ne_fun), tout s’efface sur mon site. Que faire ?

Réponse : Il ne faut pas copier l’adresse complète de la page de votre vidéo, mais l’identifiant de cette vidéo (voir les instructions plus haut en rouge). A chaque site de vidéos, un ID différent.

- Est-il possible de placer “autres video” (par exemples 5) avec des liens de manière à ce que les internautes puissent visionner plusieurs sujets ?

Réponse : Il est possible d’ajouter autant de vidéos que vous voulez (voir ma colonne de droite). Pour les liens, vous avez les champs “Text before video” et “Text after video” disponible dans votre Widget Video. Libre à vous d’y insérer du texte, du code html (et donc des liens).

En espérant vous avoir aidé.

nikohk.

Hi Nikohn,

Merci pour ces réponses ultra rapides.

- Pour l’ID, j’ai compris et ça fonctionne.

- Pour agrandir le player, ça ne fonctionne pas encore : même en changeant les valeurs W et H, il conserve la même dimension…

- Pour les autres VDO, je souhaite que les internautes puisent cliquer sur les liens qui lancent les images dans le player situé dans la sidebar. Je ne souhaite pas plusieurs players.

Merci pour votre aide.

patkban>

Concernant les dimensions, je ne peux pas vous aider plus. “A l’aveugle” c’est juste impossible. Assurez tout de même de bien avoir fait les modifications. Vérifier le code HTML sur votre site. Tester avec plusieurs types de vidéo… Toutes ces vidéos sont gérées de la même façon, disposent du même code HTML, et doivent donc fonctionner de la même manière.

Pour le reste, je pense que vos besoins sont trop spécifiques pour le Widget Video. Il ne fait qu’afficher une ou plusieurs vidéos. Il le fait bien, mais il ne fait et ne fera pas plus que cela.

nikohk. :)

ça y est, j’ai réussi à mettre le player à la dimension de la sidebar du thème Futurosity Eos 0.5. C’est génial !

Existe-t-il une autre manière de présenter une sélection de VDO ?

Sinon, comment mettre deux players, l’un sous l’autre, comme dans votre sidebar ?

Merci

I LOVE this widget. I think it could be one of the best ever created. THANK YOU! I only have one small problem. :-) Is there a way to center the clip and text? It’s on my sidebar and it would look nicer if it was centered. Other than that, I am thrilled with it!

patkban>
- présentation d’une sélection de vidéo ?
— Cela sort du cadre de ce widget. Encore une fois, un widget affiche une vidéo. Pas plus. :)

- plusieurs widgets ?
— Oui, il suffit d’ajouter plusieurs fois le widget en question dans la barre latéral.

Chris>
Thank’s a lot for your message. It is so good for my ego. :p
To center the video and associated text, you can check the css classes used in HTML code (widget_video, widgettitle, video_widget_before_video, video_widget_after_video), and then modify your css theme. Have fun. :)

Bonsoir Nikohk

Comme vous avez pu le constater, je débute… En tout cas merci pour votre précieuse aide.

Je viens d’installer un deuxième widget et j’ai effectivement 2 players qui apparaissent dans ma sidebar. Super !

Connaissez-vous un widget qui me permette d’installer un player audio ?

Merci

patkban>
De rien. On a tous débuté sur WP. C’est donc normal de s’entre aider.

Pour ce qui concerne les autres widgets et plugins, je vous conseille ces quelques liens :
http://wordpress.org/extend/plugins/
http://codex.wordpress.org/Plugins/WordPress_Widgets
http://fr.mashable.com/2007/11/11/wordpress-100-plugins-et-applications-pour-votre-blog-wp/
http://www.css4design.com/blog/1000-ressources-pour-wordpress-et-le-developpement-web

Bonne recherche. :)

I was wondering about another video site. chessvideos.tv possible support here?

Hi coach Frank,

chessvideo.tv use a basic flv player. Then just choose the flv format, copy (from chessvideo.tv html code) and paste the flv video adress (for exemple in homepage : http://www.chessvideos.tv/player/v/1c5775c1f72a4904d7a1e7bb9bb9dfc1.flv ) in your wordpress video widget panel.

nikohk

je te remercie pojr cette image ;)

Awsome….it was easy to configure…….great to use…

Thanks Lovely Angel. :)

Video Widget…

This plugin allow to add one or more video in the sidebar. Add more than 25 types of video in your sidebar. Only video Id is required (no HTML code to paste)….

very nice plugin..thanks bro..

in use my site footer
http://www.bulentgunes.com

Nice plugin dude, maybe you also make some sort of archive/page where the plugin write old video’s. Some sort of link list.

This is a great plug in :)

bonjours, j’ai cherché, et essayé plusieurs chose mais j’ai pas trouvé, voila, j’ai des problemes pour faire en sorte que il y a plusieurs vidéops differente de dailumotion qui soit joué. J’ai essayé tout les codes, le plus probant que j’ai trouvé est:

dailymotion:x2exyu
dailymotion:x5s1cu

Mais le preobleme c’est que ca lit pas la deuxieme video ….

How do i set it to autoplay? Is there an Option?

Bülent Güneş, Philix> Thanks. :)

Muk> Thanks. Not sure about the need. Just do it manually for now… :)

Keke > Bonjour. N’oubliez pas le point virgule entre chaques lignes :
dailymotion:x2exyu;
dailymotion:x5s1cu

Kalyan Verma > No autoplay in this plugin. Sorry. :(

Merci beaucoup, je vous dois une fiere chandelle, continuez sur votre lancé de plugin vraiment intéressant.

Bonne continuation

Thanks! Your plugin is lovely! :)

plz update your plugin. the little gametrailers player sucks :(

Hello,
I need more informations. Thx.

saludos
ayuda..
muy bueno el Video Widget
pero al colocar varios meia player
por ejemplo

http:www.web.cl/video1vmw;
http:www.web.cl/video2.vmw;
http:www.web.cl/video3.vmw;

no me permite..

Great plug-in. Is adding support for the videos from expertvillage.com possible? Thanks.

Hey… nice plugin, good job!. Hey, i want to know, how i can put this plugins but by code, i mean, i don’t use the widget, there is a way to do that?… thanks!.

Laisser un commentaire

(obligatoire)

(obligatoire)