html视频...

时间：2010-08-19 来源：lhz62004753

sfd<!DOCTYPE html>
<html lang="en-us">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="pics-label" content='(pics-1.1 "http://www.icra.org/ratingsv02.html" l gen true for "http://www.apple.com" r (cz 1 lz 1 nz 1 oz 1 vz 1) "http://www.rsac.org/ratingsv01.html" l gen true for "http://www.apple.com" r (n 0 s 0 v 0 l 0))'>
<meta name="Author" content="Apple Inc.">
<meta name="viewport" content="width=1024">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">

<title>Apple - iPhone 4 - Design of the display, A4 processor, and more</title>
<meta name="omni_page" content="iPhone - Design">
<meta name="Category" content="products,iphone">
<meta name="Description" content="Learn about the design of iPhone 4 and read about the advanced techologies built into it.">
<meta name="Keywords" content="3G,camera,Internet,popular,accessories,carriers,latest ,providers,applications,cell phone,location,reviews,app store,chat,maps,ringtones,at&t,compare,Microsoft,shop,att,comparison,mobile phone,smartphone,battery,coverage,models,software,best cell phone,download,music,touchscreen,best mobile phone,email,new iPhone,video,blackberry,games,new,voice control,Bluetooth,gmail,iPhone,weather,business,Google,i Phone,Windows,buy,Google Maps,pictures,wireless,buy iPhone,gsm,plans,WWDC">
<script src="http://images.apple.com/global/scripts/lib/prototype.js" type="text/javascript" charset="utf-8"></script>
<script src="http://images.apple.com/global/scripts/lib/scriptaculous.js" type="text/javascript" charset="utf-8"></script>
<script src="http://images.apple.com/global/scripts/browserdetect.js" type="text/javascript" charset="utf-8"></script>
<script src="http://images.apple.com/global/scripts/apple_core.js" type="text/javascript" charset="utf-8"></script>
<script src="http://images.apple.com/global/scripts/search_decorator.js" type="text/javascript" charset="utf-8"></script>

  Event.onDOMReady( function() {
   var tracker = new AC.ViewMaster.Tracker('click');

   if(window.location.hash === '#design-video'){
    $('video-swap').setStyle('');
   }

   document.body.removeClassName('loading');
   var videoSwap = new AC.ViewMaster.Viewer($$('div.video-swap'), 'video-swap', 'video-swap-trigger', { silentTriggers: true });
   videoSwap.setDelegate(videoSwapDelegate);

   // preload endState image
   var img = new Image();
   img.src = 'http://images.apple.com/iphone/features/images/overview-watch-posterframe.jpg';

  });
</script>
</head>
<body id="design" class="loading">

<div id="main" class="content">
  <div id="video-swap">
   <div id="header" class="video-swap">
    <div id="watch-video">
     <a href="#design-video" class="block video-swap-trigger">
      <span class="play"></span>
      <img class="shadow" src="http://images.apple.com/iphone/features/images/overview-watch-video-20100607.jpg" width="154" height="92" alt="">
      <span class="more">Watch the Video</span>
     </a>
    </div>
   </div>

   <div id="design-video" class="video-swap">
    <a href="http://movies.apple.com/media/us/iphone/2010/tours/apple-iphone4-design_video-us-20100607_r848-9cie.mov?width=848&height=480" class="movieLink">Click to play</a>
    <a class="posterLink" href="http://images.apple.com/iphone/features/images/overview-watch-posterframe.jpg"></a>
    <ul class="endState">
     <li><a class="replay pillbutton" href="#replay"><span>Watch again</span><b>></b></a></li>
    </ul>
   </div>
  </div>

</div>

</body>
</html>

asdf