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.

  • Requires at least: 2.5
  • Tested up to: 2.5

What’s new

  • 1.1.3 (2008-05-05)
    • FLV video support.
  • 1.1.2 (2008-04-11)
    • Taratata video support (”Allez voir les artistes en live. C’est que du bonheur !!”).
  • 1.1.1 (2008-04-10)
    • Flickr, Clipfish, Viddler, Gametrailers, Snotr support.
  • 1.1 (2008-04-08)
    • Vimeo support.
    • Text to add before and after video.
  • 1.0 (2008-03-31)
    • First version.

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

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! :)

30 commentaires. Ajouter votre commentaire

lionel  |  02 avril 2008 à 21:47

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…

nikohk  |  02 avril 2008 à 22:30

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

Steve  |  08 avril 2008 à 9:18

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

nikohk  |  08 avril 2008 à 10:24

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

And you are welcome.

nikohk  |  09 avril 2008 à 13:52

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

Bernd Korz  |  09 avril 2008 à 19:15

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

nikohk  |  09 avril 2008 à 19:34

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. ;)

nikohk  |  09 avril 2008 à 19:47

>> 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

Bernd Korz  |  09 avril 2008 à 19:56

well, you are amazing :)

Bernd Korz  |  11 avril 2008 à 13:46

I tested it, works great!

Thx a lot for that cool tool

nikohk  |  11 avril 2008 à 14:55

You are welcome. :)

chandru  |  13 avril 2008 à 11:27

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

nikohk  |  13 avril 2008 à 16:54

Hi first.

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

:)

Pensée Libre » Vid  |  14 avril 2008 à 0:04

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

francesco  |  14 avril 2008 à 10:41

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

nikohk  |  14 avril 2008 à 12:32

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). :)

Jordi  |  23 avril 2008 à 21:41

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

nikohk  |  23 avril 2008 à 22:59

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

Annie  |  06 mai 2008 à 9:03

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 ?

nikohk  |  06 mai 2008 à 23:59

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

baron  |  08 mai 2008 à 0:29

hi. Thanks for plugin

perfect.

best regards

chibatop  |  08 mai 2008 à 20:29

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

nikohk  |  09 mai 2008 à 8:45

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

patkban  |  13 mai 2008 à 8:39

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.

nikohk  |  13 mai 2008 à 21:59

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.

patkban  |  13 mai 2008 à 23:43

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.

nikohk  |  14 mai 2008 à 0:18

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. :)

patkban  |  14 mai 2008 à 0:29

ç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

Chris  |  15 mai 2008 à 2:04

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!

nikohk  |  15 mai 2008 à 8:39

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. :)

Laisser un commentaire





Trackback this post  |  Subscribe to the comments via RSS Feed
Recherche