WordPress.org

Ready to get started?Download WordPress

Forums

jQuery Colorbox
[resolved] link colorbox error with vimeo (8 posts)

  1. mkudisch
    Member
    Posted 2 years ago #

    Hey,

    I'm trying to load a vimeo video in a colorbox by clicking on an image thumbnail. Images currently work fine, bringing up the colorbox as configured. Links work fine (such as wikipedia). But when I try to link to a vimeo video, the page appears in the colorbox like it should for a split second, then the link is activated and the browser redirects to the vimeo page. Is there a way to fix this? Youtube doesn't work either (brings up just a blank page in the colorbox).

    Using wordpress 3.4 and twentyeleven.

    Any help much appreciated,
    Max

    http://wordpress.org/extend/plugins/jquery-colorbox/

  2. techotronic
    Member
    Plugin Author

    Posted 2 years ago #

    opening youtube or vimeo videos in the Colorbox works just fine, see my example here:
    http://www.techotronic.de/plugins/jquery-colorbox/opening-links-colorbox/

    Cheers,
    Arne

  3. mkudisch
    Member
    Posted 2 years ago #

    I figured it out. Was linking to the page not the player. Thanks though.

    Max

  4. theotherlebowski
    Member
    Posted 2 years ago #

    for those who are also struggling your links for youtube videos should use the old URL structure:

    http://youtube.com/v/123456789

    rather than the newer ones with

    .com/watch?v=123456789

    so you end up with a link that looks like this

    <a href="http://youtube.com/v/123456789" class="colorbox-link">trigger here</a>

    as for vimeo links they are to be rendered like this:

    http://player.vimeo.com/video/12345678

    giving you a full link of

    <a href="http://player.vimeo.com/video/12345678" class="colorbox-link">trigger here</a>

    it took me a while to figure this out but hopefully it will help someone else out there... good luck, if you get it working it's a cracking plugin :D

  5. albigin
    Member
    Posted 2 years ago #

    God bless you

    theotherlebowski

    otherwise I'd dropped down the damn thing!

  6. theotherlebowski
    Member
    Posted 2 years ago #

    no worries, glad to help :D

  7. mejiwara
    Member
    Posted 1 year ago #

    Hey can someone help here? I dont really get it.

    <div class="thumb">

    ">
    <?php print_thumbnail($thumb, $thumbnail["use_timthumb"], $titletext, $width, $height, $classtext); ?>

    </div> <!-- end .thumb -->

    this my div for thumbnail how can i integrate the colorbox here?

    so that everytime i click the thumbnail in wordpress, it will display a video which is written in the content...

  8. theotherlebowski
    Member
    Posted 1 year ago #

    it doesn't work on php code, only in html.

    if you want to display a thumbnail image that when clicked opens a video then you need to use html. you can put it in a div with a class of thumb if you want to.

    <a href="link to video" class="colorbox-link">
      <img src="location of the thumbnail goes here" />
      </a>

    hope that helps. :)

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic