Lightbox video – Show Screencast video?

[rolo]

How can I show an screencast video url like this in a lightbox?

[http://www.screencast.com/t/kyeh8988YCv]

Thanks!

[wpCommerce]

Please try the shortcodes from the “1. HTML Page Content Display in overlay”(under “HTML Overlay Display Settings”) section of the shortcode reference guide –

http://www.tipsandtricks-hq.com/wp-affiliate-link-manager/wp-content/uploads/wp-lightbox-stuff/docs/wp-lightbox-ultimate-shortcodes-by-library-type.pdf

Let me know how it goes.

[rolo]

The issue is that it is a service like youtube. I only want to show the video

and not the rest of the page content around the video. Look this: [http://www.screencast.com/t/kyeh8YCv]

Consider that screencast.com is very used video hosting owned by camtasia.

Is it possible to show in lightbox only the video?

I also see that screencast.com also produce a complete html to embed video in blog or page. Please let me know if this lightbox inline html code should work?

<div id="12345" class="lightbox_ultimate_fp_overlay" style="width:640px;height:480px;">

//Screencast.com HTML embed code content here.

</div>

Screencast html embed code example:

<!-- copy and paste. Modify height and width if desired. --><object id="scPlayer"

width="950" height="618" type="application/x-shockwave-flash" ........

</object>

[wpCommerce]

If you want to display only the video from that page I suggest you use the inline html feature. Simply copy and paste the html code for the video and place it between <div> and </div>. For example –

[wp_lightbox_anchor_text_inline_html_overlay div_id=”12345″ text=”click here to open the html content”]

<div id="12345" class="lightbox_ultimate_fp_overlay" style="width:640px;height:480px;">



<object id="scPlayer".......>

Your embed code goes here

</object>

</div>

I checked it on my test site. So it should work fine.

If you have multiple videos on the same page you need to use a different ID from each div. Also make sure that the width and height of the object match with the width and height of the <div>. This is so the embedded video nicely fit on the overlay window (In my example I already fixed the width and height of the object). Let me know how it goes.

[Author]

Posts