Post Description

In this course, author Chris Converse develops an interactive video gallery for the web, working in a Dreamweaver environment using a combination of HTML5 with a Flash fallback, CSS, and the open-source JavaScript library jQuery. The course shows how to design the site layout and construct the code for a player that works on multiple web browsers, platforms, and mobile devices. Techniques to enable HTML5 video on Android and ensure that Internet Explorer defaults to Flash instead of HTML5 are also demonstrated. Exercise files accompany the course.
Topics include:

    Preparing the graphics
    Adding and linking thumbnail buttons
    Designing the layout
    Adding jQuery and JavaScript
    Including video information in the thumbnail links
    Styling the thumbnails with CSS rules
    Creating a DIV container to hold the video player code
    Setting up click events for the thumbnails
    Incorporating the FancyBox lightbox plug-in