Video player in flyout/ popup

Posted on 2009-04-23
Last Modified: 2012-05-06
I am simply looking for a script that will allow a video player in a popup/flyout.

I have googled and found tons of lightboxes that will play videos in them. However, all these grayout the screen and center the popup. I need one to show up just to the left of an image or link clicked (onClick not mouseover) kind of like a tooltip, and can load the content in via ajax.

I'm not sure if such a thing exists or not. If it doesn't I guess I can take one of the open source lightboxes and make it do this but I'd rather not.

For example, if you have an account with istock, go view their videoplayer. It shows up when you mouseover a thumbnail and starts playing. We want it to work like this but onClick. To close it we need it to be closable when when you click out side the popup or on a close button.

Any ideas? Thanks!
Question by:the_hero
    LVL 12

    Expert Comment

    by:Tony van Schaik
    I'm using Ceebox a thickbox for video on my website

    Ceebox (jQuery):
    And i'm using the following jQuery tooltip:
    You can enable $("#tooltip").click to open a tooltip onclick.
    You can search for more jQuery plugins here:
    Good luck.
    LVL 12

    Expert Comment

    by:Tony van Schaik
    Did you already tried it?
    LVL 1

    Author Comment

    Thank you, sorry I haven't replied.

    Sorry, but I need it to play the video in the tooltip. But the tooltip, like you mentioned, must enable onclick and be in a location just left of the thumbnail and be draggable with no back overlaying grayout. I know thats a lot but I can work out all the styling, I just need a clickable tooltip that will play a video in it.
    LVL 12

    Accepted Solution

    Loading that in a tooltip is pretty tricky because tooltips are coded for doing that. Thickboxes and Lightbox (swfobject is loaded in JS) do support that. Otherwise you have to code that yourself. But why not a Thickbox that is also just a div overlay and tooltips too.
    LVL 1

    Author Closing Comment

    Thank you. I won't be working on this since many other things have taken precedence. I would imagine that your idea would work and would provide a solution. Thanks again!

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Course: HTML5 for Beginning Beginners

    Are you looking for an efficient introduction to HTML5? Have you tried other HTML5 courses and found them too complex? Do you need just the basics of HTML5 to use with Wordpress or other content management system? If you said yes to any of these questions, this course is for you.

    Popularity Can Be Measured Sometimes we deal with questions of popularity, and we need a way to collect opinions from our clients.  This article shows a simple teaching example of how we might elect a favorite color by letting our clients vote for …
    Author Note: Since this E-E article was originally written, years ago, formal testing has come into common use in the world of PHP.  PHPUnit ( and similar technologies have enjoyed wide adoption, making it possib…
    Viewers will get an overview of the benefits and risks of using Bitcoin to accept payments. What Bitcoin is: Legality: Risks: Benefits: Which businesses are best suited?: Other things you should know: How to get started:
    This video teaches users how to migrate an existing Wordpress website to a new domain.

    737 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    20 Experts available now in Live!

    Get 1:1 Help Now