MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.

I'm not curious

Create an HTML5 Video Gallery with jQuery

Course Summary

Shows how to develop an interactive video gallery for the web in a coding environment, using HTML5 with a Flash fallback, CSS, and the open-source JavaScript library jQuery.       

  • +

    Course Syllabus

       Previewing the project across browsers and devices
       Using the exercise files
       Downloading and setting up Aptana Studio
    1. Preparing the Graphics
       Exporting image slices from Photoshop
    2. Setting Up the Project Files
       Creating new CSS and HTML files
       Defining the CSS rules
       Adding the HTML markup
    3. Adding JavaScript to Your Project
       Adding jQuery and JavaScript to your project
       Adding HTML to the thumbnail links with JavaScript
       Creating the CSS for the injected HTML
    4. Setting Up the Video Player Code
       Creating a div container to hold the video player code
       Manually invoking FancyBox
    5. Choosing Experience Options for iOS and Android
       Activating video for Android and bypassing the lightbox
       Where to go from here


Course Fee:
USD 25

Course Type:


Course Status:



1 - 2 hours / week

This course is listed under Open Source , Development & Implementations and Operating Systems Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top