如何將視頻添加到燈箱？

即時通訊新的所有這一切，我絕對想要變得更好！我試圖添加到這個燈箱中的視頻是我的新廣告：（http://www.gatorgraphix.com/uploads/5/1/7/6/5176322/gator_graphix_commercial.mp4）但我很難得到它在我的燈箱內並自動播放。你能幫我嗎？？這裏是我的腳本：如何將視頻添加到燈箱？

<htmL> 
    <head> 
     <title>Gator Graphix™ Commercial</title> 
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 

     <style type="text/css"> 

     body 
     { 
      font-family: Helvetica, Arial; 
     } 

     .backdrop 
    { 
      position:absolute; 
      top:0px; 
      left:0px; 
      width:100%; 
      height:100%; 
      background:#000; 
      opacity: .0; 
      filter:alpha(opacity=0); 
      z-index:50; 
      display:none; 
     } 


     .box 
     { 
      position:absolute; 
      top:20%; 
      left:30%; 
      width:640px; 
      height:310px; 
      background:#ffffff; 
      z-index:51; 
      padding:10px; 
      -webkit-border-radius: 5px; 
      -moz-border-radius: 5px; 
      border-radius: 5px; 
      -moz-box-shadow:0px 0px 5px #444444; 
      -webkit-box-shadow:0px 0px 5px #444444; 
      box-shadow:0px 0px 5px #444444; 
      display:none; 

     } 

     .close 
     { 
      float:right; 
      margin-right:6px; 
      cursor:pointer; 
     } 

     </style> 

     <script type="text/javascript"> 

      $(document).ready(function(){ 

       $('.lightbox').click(function(){ 
        $('.backdrop, .box').animate({'opacity':'.50'}, 300, 'linear'); 
        $('.box').animate({'opacity':'1.00'}, 300, 'linear'); 
        $('.backdrop, .box').css('display', 'block'); 

       }); 

       $('.close').click(function(){ 
        close_box(); 

       }); 

       $('.backdrop').click(function(){ 
        close_box(); 

       }); 

      }); 


      function close_box() 
      { 
       $('.backdrop, .box').animate({'opacity':'0'}, 300, 'linear', function(){ 
         $('.backdrop, .box').css('display', 'none'); 
        }); 
      } 

     </script> 

    <Head> 
    <body> 

    <h1>Gator Graphix™ Commercial</h1> 
    <a href="#" class="lightbox">Click To View Our New Commercial</a> 

    <div class="backdrop"></div> 
    <div class="box"><div class="close">x</div>Gator Graphix™ Commercial</div> 

    </body> 
</html>

來源

2012-07-09 Chris Gaiters