Fairweb

Développement WordPress, WordPress Mu, BuddyPress

fw-vimeo-videowall

Description

Displays a user, group, album or channel vimeo videowall with thumbnails or small videos or a list of video titles in sidebar or content. If more than 20 videos are to be displayed, then a pagination système will appear.

Choice to use

  • Widget : A widget with custom settings
  • Content Short tags : you can add a videowall to a post or page
  • Template tag : for advanced themes, you can place the videowall wherever you want using a template tag

You may choose to display clickable video thumbnails or titles which will open a window with Vimeo default sized video or small playable videos or a list of video clickable titles. You may choose how many thumbnails or titles you want to display.

Localized

  • English
  • French

If you have translated this plugin in another language, please let me know and I’ll add your translation to the plugin package.

Installation

  1. Upload the fw-vimeo-videowall folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. If you want to customize the CSS file, copy fw-vimeo-videowall.css file to your template directory so your styles won’t be overwritten on next plugin upgrade.

Widget

  1. From you template widget menu, slide the Vimeo Videowall widget to your sidebar
  2. Choose your settings
  3. Save widget

Content short tags

You can display a videowall in a page or post by using the [fwvvw] short tag. This tag can take different arguments. Example : [fwvvw id=30936 source="group" number="10"]

Template tag

You can use the fw_vimeowall_display() function in your template files. Example : <?php if (function_exists('fw_vimeowall_display')) { fw_vimeowall_display('id=petole&source=user&type=image'); } ?>

Arguments for short tags and template tag

  1. id : the Vimeo user, group, album or channel ID you intend to use. This can be identified in the Vimeo url. Default is “petole”.
  2. source : the source type can be “user”, “group”, “album” or “channel”. Default is “user”.
  3. type : will determine if you want a clickage image or title of the video or the video itself to be displayed. Values are “image” or “title” or “video”. Default is “image”.
  4. number : number of thumbnails to display. Default is 4, a 0 value will display all.
  5. width : thumbnail max width. Default is 100. It has no effet if  type is set to “title”.
  6. height : thumbnail max height. Default is 100. It has no effet if  type is set to “title”.
  7. echo : if true, displays the videowall, if false return the html without displaying it. Default is true.

Screenshot

Changelog

1.3.2

  • Corrected bug : Cross not closing in certain situations (reported by Remk and Eric)
  • Corrected bug : witdh setting not working anymore (reported by Mark)

1.3.1

  • Corrected bug : Widget title always displays 1 (reported by Sherman)

1.3

  • Corrected bug : display a single video (reported by Jaryd)
  • Added the video title under thumbnail feature (requested by Jaryd)

1.2.1

  • Corrected bug : limited number of videos displayed did not work since 1.2 (reported by Dan)

1.2

  • Corrected W3C issues with id attributes
  • Added pagination feature when number of videos is greater than 20. This is limited by the Vimeo API (Issue reported by weremoose).

1.1

  • Added an option to display a list of clickable titles instead of thumbnails or videos (as requested by Tim Johnson)
  • corrected a bug on CSS choice (default plugin CSS or custom CSS in template directory)

1.0

  • First plugin release

Download

Download from the WordPress Plugin Repository
Share

156 Comments

  1. First, thank you for your contributions! Wonderful plugin.
    I have it installed on this website: http://firelightmedia.org/

    If you look at the second column on the bottom, whenever you click on the play button, it both plays as well as opens up the video in a window. This results in the users being confused, as they hear the video playing in the background, but have not pushed the play button on the pop up window as of yet.

    Do you have any suggestions as to how to fix this?

    Please advise.

    Thanks.

    -Grow

  2. Unable to activate plugin. Not sure what’s wrong exactly. Receiving this error:

    Parse error: syntax error, unexpected T_STRING, expecting T_OLD_FUNCTION or T_FUNCTION or T_VAR or ‘}’ in /hermes/bosweb/web126/b1265/A/public_html/wp-content/plugins/fw-vimeo-videowall/fw-vimeo-videowall.class.php on line 8

  3. GREAT JOB GUY!!

    But… I’m having a problem with the pagination: i ‘m using a channel that have a lot of videos, but when i select another page to see more videos, the title disappear! I dont know what is wrong…

    My call to function:

    Can you help me with this issue??

    Thx man!!

    P.D Sorry for my bad english hehe..

  4. OUCH!

    Sorry

  5. Sorry again but the code php not pass the filter.. hahahah

    I’ll try again!

    if(function_exists(‘fw_vimeowall_display’)){fw_vimeowall_display(‘id=musicvideos&source=channel&type=image&number=0&title=true&width=150&height=150′);}

  6. Hello,

    I get the error
    Parse error: syntax error, unexpected T_STRING, expecting T_OLD_FUNCTION or T_FUNCTION or T_VAR or ‘}’ in /homepages/29/d296247985/htdocs/WordPress/rp/wp-content/plugins/fw-vimeo-videowall/fw-vimeo-videowall.class.php on line 8

    WP 2.9.2.
    I disabled all the plugins, tried switching the theme with no luck. But works on another WP site. any suggestions?

  7. Sorry I’m late answering everybody. For those who get the unexpected T_STRING error, please make sure you are using php 5 and let met know. I think this error occurs on php4.

  8. Fame, first of all, I’m not a guy, nor a man but a lady ;) lol

    I cannot reproduce your bug so it may be useful if you could give me an url address where I can see it in action. Thanks.

  9. Steve, I do not have a Vimeo plus account so I can’t test on that. However, with an application external to Vimeo, it seems difficult to access the user accounts information. Also my plugin does not intent to manage videos visibility but only display them according to what Vimeo allows. I’m not sure I can actually do what you require. Please give more details on what you would like.

  10. It works it was PHP 4.x. I had to add something to the htaccess which looks like remaps .php to php5. My host requires .php5 otherwise.

    I had to go with another plugin on the website because yours does not include text (Title, part of Desc.) beneith the video. Any ETA when that will be added?

  11. Eric, glad you could manage. By the way, my plugin does include different options like video title (not desc at the moment). Please read the documentation that comes in the readme.txt file to find out the different layouts.

  12. Just trying to get the code to work on a page..

    THis is what i have so far

    Test 1

    [fwvvw id="pulldown" source="user" number="0"]

    Test 2

    [fwvvw id=30936 source="group" number="10"]

    Test 2 – works Great this is from your website help section but i can’t get Test 1 to work.
    I have entered in the USERS from (http://vimeo.com/pulldown) that i want all his vids.. but not working any help.. Thanks

  13. Bonjour,

    Je suis encore en train de construire le site, mais votre plugin est juste formidable, il fallait que je vous le dise! Quand le site sera finit je vous invite à venir y faire un tour! Merci infiniment!

    Nina

  14. Ah une petite question, y’a t’il un moyen pour centrer la video dans le flash player (un argument pour le short tag?)
    Exemple du problème ici : http://badass-prods.com/?page_id=47 (cliquez sur n’importe quelle video)

    Merci encore!

    Nina

  15. This is a great plugin, simple and it works. Except the pagination always seems to come back to the same first 20 videos of a group. We have a group with 37 videos and paginating at 20 is fine. But he links for the pagination are exactly the same for “1″ and “2″. See our test at: http://www.girlfriendgetawayhouston.com/test-video-2/ .

    Seems like there should be some indication in the paging links that you are requesting one of the 3 pages the Vimeo Simple API allows.

  16. I have figured out that the paging works through jQuery and that lead me to find that I am getting a Javascript error when the page loads.

    jQuery(“.fwvvw_vthumb”).livequery is not a function

    I am not much of a programmer, but I am learning jQuery. I had just learned about .live() and so I replaced “livequery” with “live” and the paging started working. Beautiful!

    The problem I am seeing now is that the jQuery request does not reload the page and the request can take a little time to come back. So I am working on some way to have a “loading animation” appear while the page is waiting for the new videos.

    • Thanks Tom for your tests and for sharing. I’m not available at the moment but I’ll have a look at it as soon as I can. Please do share if you find out a suitable solution. Thanks for your help.

  17. First of all thanks for this wonderfull plugin!

    I would like to collaborate by hint to the people who have the following warning:
    “Warning: array_slice() expects parameter 1 to be array, null given in /home/—my-host-name—/public_html/wp-content/plugins/fw-vimeo-videowall/fw-vimeo-videowall.class.php on line 235″

    I solved this warning when I realized that I was doing the paste of the group ID from the Vimeo url while editing the post in VISUAL mode. This way, the html code for the post line containing the call to fwvvw was something like:
    [fwvvw id=30936 source="group" number="10"]

    Hand writting the code and leaving something like the following solved the problem:
    [fwvvw id=30936 source="group" number="10"]

    Hope it helps! :)

  18. Sorry, for the formating errors in my previous post. In fact I reproduced the same error the warning is complaining of. What I mean is that if you paste the ID of the video or group while editing the post in VISUAL mode you get a wrong html code which excludes the number you are pasting from the code block.

    You get:

    [fwvvw id=47154 source="group" number="4"]

    instead of:

    [fwvvw id=47154 source="group" number="4"]

  19. http://www.hr-productions.net/clients

    I have a vimeo channel with 9 video’s , however only 2 are shown… How come ?
    please help

  20. Thanks Nicolau for sharing your tips !

  21. Wim, I can see 6 videos on the links you provided. What code did you actually use ?

  22. [fwvvw id=112701 source="channel" type="video" width="300" height="175"]
    [fwvvw id=105946 source="channel" type="video" width="300" height="175"]

    the first channel has 9 video’s and only show 2
    the second channel has 6 video’s and only show 4

  23. Please help. I cant get passed this warning. What I doing wrong?

    Warning: array_slice() expects parameter 1 to be array, null given in /home/mcaonlin/public_html/young-adults/wp-content/plugins/fw-vimeo-videowall/fw-vimeo-videowall.class.php on line 235

    Dale

  24. HI there!

    The plugin work wonderfully, however I can get the video to be centered in the player, or the player to be the same size as the video. Anybody has an idea for maybe a line of code to adjust the video to the player or vice-versa?

    Here is what I am talking about: http://badass-prods.com/work/videos/

    You’ll see that under the vid there is a black space that has no purpose. I wouldn’t mind to have the video framed by black lines (letter-box like) or have the player right at the same size as the video.

    Any help would be much appreciated!

  25. Hey Dale, Can you provide a link to the page where the error is happening?

  26. Great plugin, but I have one problem…
    When using clickable thumbnails in the sidebar widget, the ‘click’ leads to nowhere. There seems to be no working link to the videos at Vimeo. Any ideas?

    • Michiel, my idea is that ajax does not execute correctly, maybe due to another plugin. Can you try to have my plugin work when desactivating other plugins ? Please let us know.

  27. Hello Myriam

    I have an idea to improve this wonderful plugin
    I hope you don’t mind considering it.

    As of now, the plugin works perfectly, only if the vimeo’s server is up.
    I mean, there will be sometime when video is not available right away.
    When this happens, users can not click the close button ( red cross )
    because the close button will be loaded only if the video is available.

    You can reproduce this by just setting your browser to offline mode,
    when click on the vdo thumb, it loads up the blank overlay without
    the close button ( red cross ).

    If the close button is loaded separately from the vdo ajax, then when
    there is no video available, at least users can click the close button.

  28. Hello, first off- great plugin!

    Second, I think there may be a bug when using the WordPress widget to display playable thumbnails. When you click the thumbnail to play it, it starts playing in the sidebar, but also opens up a modal box with a second instance of the video that is not playing. If you hit play on the modal box video, that video starts playing along with the one that is playing in the sidebar, resulting in two videos playing at once. I did not see an option to turn this behavior off, have I just misconfigured something, or is this a bug?

    Thanks,

    Lukas

  29. Hi, Nice plugin! I’m trying to scale up the thumbnail width AND resolution and have entered width=”200″ in the shortcode but the image is still low res at 100px wide and trying to fill the 200px wide box. Any ideas would be helpful, even where to change this in the plugin code.

  30. This is a great plugin! I had a question, on my video page, everything works, except for when I try to X out of the window that the video has come up in, it won’t close. i have to either refresh or reopen the browser. Any suggestions?

  31. Hello,

    First of all tanks for this great plugin.
    I currently have a problem with window where th ethe vimeo-palyer is displayed on. Th eproblem is that it wont close anymore (see http://losseveter.dnsalias.net/videos/). The strange thing is that the videos displayed on the homepage (http://losseveter.dnsalias.net)
    are working fine.

    Any thought about what might be the problem??

  32. Sorry everybody for my late reply, I’m just back from holiday.
    @Eric, I think the problem may come from another javascript interfering. If you want to identify which one, maybe trying desactivating other plugins one by one may help. Please let me know.

    I’ll check on the other problems and will let everybody know.

    Thanks :)

  33. @Mark : please check on your css styles. Maybe one style is overriding the plugin’s settings.

  34. @Eric and Remk : I thinks you are using a plugin which prevents Jquery from loading (remk is loading a min version). Please confirm.

    @ Luckas, I need to check on that, thanks for reporting.

  35. @Eric, Remk : The problem occurs with WP latest version. I fixed the bug with the cross so there will be a new version of this plugin shortly ! Thanks for reporting.

  36. @Luckas : I need to know exactly how you configured the widget as I can’t reproduce this situation. Please give me all the setting information and an url where I can see this happen.

    @Mark : found it ! This occurred with the latest version of WP default twentyten template and was indeed a CSS problem. This will be ok in the next plugin version.

  37. Sorry, I must be a bit thick but I cannot work out the shortcodes:
    - to display vignettes of all videos in a channel
    - to display a particular video in full/or downsized (such as http://vimeo.com/15622325)
    Thanks for the help
    Regards

  38. Martin, no you’re not thick !!! tssss !
    To display a channel, do
    [fwvvw id=channel_id source="channel" number="0"]
    and replace channel_id by the channel id of course.

    To display a single video, well I did not intend to do so. A way to do it would be to put this video in a group on its own and put the corresponding shortcode for the group.

    Hope it helps

  39. Fairweb,
    Looking forward to installing your videowall plugin. I’m running into a problem when attempting install (see below). Any solutions? Thanks!

    Parse error: syntax error, unexpected T_STRING, expecting T_OLD_FUNCTION or T_FUNCTION or T_VAR or ‘}’ in /hermes/bosweb/web251/b2518/d5.eciticec/public_html/luce025/wp-content/plugins/fw-vimeo-videowall/fw-vimeo-videowall.class.php on line 8

  40. Donna, please make sure that you are running PHP5 and not PHP4.

  41. Switched to 5. Thank you. And ideal/elegant video widget solution — just what I was looking for.

  42. hey great plugin is there any way to display the vimeo “liked” videos.

  43. Fred
    29 January, 2010 à 6:37 am:
    In using this as a sidebar widget, all widgets placed below it get pushed way down the page leaving an unacceptable appearance of white space. Wonder why? I’d very much like to use this. Merci.

    Hi Fairweb,
    I’m having the same problems as Fred, i’ve played around with the default widths and or number of windows to see if there was some sort of overlap? However it seems that the fm-vimeo widget in the sliding doors theme forces the following widgets to start after the post/page’s text.
    any clues?

  44. solved by changing the fwclear properties

  45. Hi — I’ve been trying unsuccessfully, through css, to display a transparent play button over the thumbnail on hover… Any ideas on how to do this? thanks.

  46. Hi Fairweb,

    Is it possible to add autoplay functionality in this plugin? I adjusted the code on my development site (http://lv20.homeip.net/Losseveter_shadow/) to autoply the video’s after opening. I changed the function function display_single_video()
    and changed the line:
    $oembed_url = $this->api_endpoint.’?url=’.rawurlencode(‘http://vimeo.com/'.$this->id).’&maxwidth=’.$this->vwidth.’&maxheight=’.$this->vheight.’&autoplay=1′;

    But the value for autoplay should be a choice of the user of this plugin.

  47. Hello

    How i can make a list of videos, in left image of video and right tittle of video??

    Thanks for all

  48. ummm i resolve put false this:

    $html_code .= $this->vtitle == false

    file: fw-vimeo-videowall.class.php
    line: 169

    If change this, i can see tittle…

  49. hello,

    great plug in!
    is it possible to output the video title in the shadow box?

  50. To Mark,

    to display thumbnails larger and in good resolution change line 168 in fw-vimeo-videowall.calls.php
    from

    $html_code .= ‘thumbnail_small.’” alt=”‘.$video->title.’” title=”‘.$video->title.’” style=”width: ‘.$this->vwidth.’px;” />’;

    to

    $html_code .= ‘thumbnail_medium.’” alt=”‘.$video->title.’” title=”‘.$video->title.’” style=”width: ‘.$this->vwidth.’px;” />’;

Leave a Reply

Required fields are marked *.

*