Download Now

Create an HTML5 Video Gallery with jQuery

Create an HTML5 Video Gallery with jQuery
Flash Video | MOV / AVC, ~218 kb/s | 960x600 | Duration: 00:59:53 | English: AAC, 96 kb/s (1 ch) | 422 MB

In this course, author Chris Converse develops an interactive video gallery for the web, working in a coding 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 older versions of Internet Explorer default to Flash instead of HTML5 are also demonstrated.

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


Direct Download

Tags: JQuery, Gallery, Create

Add Comments:
Enter Code: *