In this project, we'll use the beautiful trailer of Sintel (http://www.sintel.org/about/), a movie released under the Creative Commons license.
As usual, we'll need a basic project structure with some folders (css
, img
, svg
, js
, video
). The videos used in this project are either available on the Sintel website or can be downloaded from Packt's website (www.packtpub.com) along with the completed project. We are also going to use
Prefix Free (http://leaverou.github.com/prefixfree/), so let's download it and put it inside the js
folder.
Let's create an index.html
file to begin with:
<!doctype html> <html> <head> <meta charset="utf8"> <title>Video killed the radio star</title> <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.5.1/build/cssreset/cssreset-min.css" data-noprefix> <link rel="stylesheet" type="text/css" href="css/application.css"> <script src="js/prefixfree.min...