xyz軟件補給站的部落格

jQuery Projects Creating an Interactive Video Gallery

Author: Chris Converse



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. 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





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