resize youtube with div size

resize youtube with div size

Dear All

When clicked this on this blue colored Icon, a DIV is displayed
having a youtube video
   
My problem :
- Can I resize the youtube video with size of div ? if so how ?
  in short when my div size if big , the youtube should be big too
  and when its size (div size)  changes with  window size, the you tube size should also change
- the DIV is also not smartly resized 


I am using Json as 
  1. //newsvideojsonfill.php  
  2. session_start();
  3.  
  4.  include_once("includes/dbconnect.php");
  5. include_once("includes/config.inc.php");

  7.    
  8.         $sql = mysql_query("select * from newsvideo where id='".intval($_REQUEST['id'])."'");
  9.        // echo mysql_num_rows($sql);
  10.         if(mysql_num_rows($sql))
  11.         {
  12.           $data = mysql_fetch_array($sql);
  13.             echo json_encode($data);
  14.         
  15.         }
Code to display div in center

  1. jQuery(document).ready(function ($) { // a local $ will protect you from nasty plugins calling .noConflict

  3.  
  4. $.fn.center = function () {
  5. this.css("position","absolute");
  6.   
  7.  
  8.      this.css("top", Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) + 
  9.                                                 $(window).scrollTop()) + "px");
  10.      this.css("left", Math.max(0, (($(window).width() - $(this).outerWidth()) / 2) + 
  11.                                                 $(window).scrollLeft()) + "px");
  12.     return this;
  13. }

  15.  
  16. $('#samplevideodiv').center();
  17.  
  18.    }); 


  21. $(window).resize(function () {
  22.     $('#samplevideodiv').center();
  23. });


Code for youtube
<iframe width="90%" height="85%" src=" https://www.youtube.com/embed/eyv-zYm2pwg" frameborder="0" allowfullscreen></iframe>

I am getting 90% width 
but i am not getting 85% height