Adding Video Using the ThickBox Plugin

Click to Watch this Poderosa Ranch VideoThis video will show you how to use the ThickBox plugin to open a video.  ThickBoxes are used to create an attractive look that is an alternative to the standard plugins that play videos with in your post.  Why not use them?  Well I have found most are very limited to the size they will show your video.  By having the video open in a ThickBox you are not limited to the size constraints.  This is most important when you are creating videos that need to show fine detail such as these training videos.

For this tutorial you will need to have installed the ThickBox plugin By Christian Schenk.  You will also need a video produced using Camtasia Studio with the embedded HTML file.

At the end of your video link you will add the following code:

Click To Watch Video

?KeepThis=true&TB_iframe=true&height=550&width=650

You can change the height and width to fit your needs by changing it in the code above.  The height and width is measured in pixels which 100 pixels = 1 inch.

For more information about using ThickBox visit http://jquery.com/demo/thickbox/

You can Also download the “Click to Watch Image” for your use.

Rating 3.00 out of 5

About The Author

I have been designing web sites since 2005 for the US Army, oDesk.com and as well as my company Muddypaws Productions. Muddypaws Productions is a Multi Media Production company, which has been in business since 2007. I have seven years of teaching experience with the US Army (my day job). I both taught in classrooms as well as designed online learning modules. I have a strong background in Microsoft Office, Camtasia Studio, Snagit, Dreamweaver, Photoshop and more. I am bringing my experience to Poderosa Ranch to help others as well as learn from them. I hope you will join me during our weekly training events.

Comments

7 Responses to “Adding Video Using the ThickBox Plugin”

  1. manuel says:

    this is awesome!!!!
    thanks so much =)

  2. Fred Grover says:

    Your welcome Charles. We are glad this has helped you. If you have any questions or would like to see more tutorials please feel free to use our contact us page and let us know. We will have some new content up soon.

  3. Thank you so much for posting this tutorial – its solved a problem that I’ve been trying to solve on and off for weeks

  4. Fred Grover says:

    Howdy Christian,

    Your welcome. Thanks for making such a great plugin and sharing with others.

    Fred.

  5. Fred Grover says:

    Howdy Jon,

    I am glad this could help you for your website. If you have any questions please let us know. And check back often for more content.

    Fred.

  6. Jon says:

    just what I need for my web site

  7. Hi Jason,
    thanks for the mention!

Leave a Reply