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 and Dreamweaver

Course Summary

Shows how to develop an interactive video gallery for the web in Dreamweaver 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
        1. Preparing the Graphics
            Exporting image slices from Photoshop
        2. Setting Up the Project Files
            Creating new HTML and CSS files
            Adding HTML anchor links for thumbnails
        3. Preparing the Gallery Layout
            Setting up and designing the outer container
            Conforming anchor links in thumbnail buttons
            Adding jQuery and JavaScript to your project
            Adding video information to the thumbnail links
        4. Finalizing the Thumbnail Design
            Adding HTML to the thumbnail links with JavaScript
            Styling the HTML inside the thumbnail links
        5. Setting Up the Video Player Code
            Creating a div container to hold the video player code
            Setting up click event for thumbnails
            Updating HTML5 video code and playing video in the lightbox
        6. Choosing Experience Options for iOS and Android
            Activating video for Android and bypassing the lightbox
        7. Taking Care of the Final Details
            CSS tweaks and the Flash video player
           Where to go from here


Course Fee:
USD 25

Course Type:


Course Status:



2 - 3 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