What could be cooler than the dizzy-making nine-minute spire’s-eye-view video of the spire being installed atop 1 World Trade Center last Friday?
The sped-up 69-second version, arguably. Give it a try and see what you think. Bring Dramamine.
And thanks to the Port Authority of New York and New Jersey for making the original available for tweaking. Here is their original:
.nytVideo, .nytVideo video, .youtubeVideo, .youtubeVideo iframe { background: none repeat scroll 0 0 #000000; } .youtubeVideo { position: relative; } .youtubeVideo, .youtubeVideo .thumb { height: 0; padding-bottom: 56.25%; } .youtubeVideo iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .youtubeVideo .playButton { border-radius: 10px 10px 10px 10px; height: 46px; left: 50%; margin: -23px 0 0 -35px; position: absolute; top: 50%; width: 70px; z-index: 2; background-image: -webkit-linear-gradient(90deg, #6e0610, #ff0000); /* Safari 5.1+, Mobile Safari, Chrome 10+ */ background-image: -moz-linear-gradient(90deg, #6e0610, #ff0000); /* Firefox 3.6+ */ background-image: -ms-linear-gradient(90deg, #6e0610, #ff0000); /* IE 10+ */ background-image: -o-linear-gradient(90deg, #6e0610, #ff0000); /* Opera 11.10+ */ } .youtubeVideo .thumb { overflow: hidden; width: 100%; } .youtubeVideo .thumb img { height: auto; width: 100%; } .youtubeVideo:hover .thumb { cursor: pointer; } .youtubeVideo:hover .playButton { } .youtubeVideo .playButton .arrow { border-bottom: 10px solid transparent; border-left: 20px solid #FFFFFF; border-top: 10px solid transparent; height: 0; left: 28px; position: absolute; top: 13px; width: 0; } .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
