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
Download File Size:565.08 MB