Creating a Video Tour with CSS, XHTML and jQuery

Here’s a little resource I wipped up for the Who Reps It project we’re currently designing at FTS. It’s a re-usable video tour page that runs on Vimeo.

For now it uses a sample video. Once the application is designed we’ll use a screencasting program (I prefer ScreenFlow) to create the videos. Vimeo will host the videos for us for free. Once the videos have been uploaded to vimeo all we need to do is copy and paste the embed code provided into the Video Tour page and we’re good to go.

See it in action

  • Share/Bookmark

Comments

No comments have been added yet.

Leave a Reply

show allowed tags

XHTML: You can use these tags if you promise to play nice: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">

By submitting a comment here you grant Fresh Tilled Soil a perpetual license to reproduce your words and name/web site in attribution. Inappropriate comments will be removed at admin's discretion.

Twitter Updates

@freshtilledsoil is talking about...

Latest from the Blog

    What are you having for lunch? Introducing LunchBox

  • A couple of weekends ago, we designed and built a super-lightweight web application that solves a very small problem we have – collaborating on lunch orders. Up until now, we’ve always grabbed a paper menu out of the folder, pasted a sticky note on top of it and written down [...]

    • Share/Bookmark

Let's Talk

VP of Business Development, Dan AllardHi, I'm Dan and I'd love to hear from you to explore the possibilities of your project.

Get Started

Connect with us

Follow FreshTilledSoil on Facebook! View photos from FreshTilledSoil's Photostream Visit FreshTilledSoil's LinkedIn page Read FreshTilledSoil's tweets