Help how to stop video

Help how to stop video

hi,
I am using jquery mobile , 
when I close popup, the video continues to play...
have any solution?

  1. <!DOCTYPE html> 
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Aplic. Web de jQuery Mobile</title>
  6. <link href="jquery-mobile/jquery.mobile-1.0.min.css" rel="stylesheet" type="text/css"/>
  7. <script src="jquery-mobile/jquery-1.6.4.min.js" type="text/javascript"></script>
  8. <script src="jquery-mobile/jquery.mobile-1.0.min.js" type="text/javascript"></script>
  9. <script type="text/javascript">
  10.   $(document).ready(function(e) {
  11. $("#openVideo").click(function(){
  12. $.mobile.changePage('#page2', {transition: 'pop', role: 'dialog'}); 
  13. });
  15. $("#page2").live("pagebeforehide", function(event) {
  17. //----> HOW STOP VIDEO?
  18.           
  19.   });
  20. });
  22.  </script>
  23. </head> 
  24. <body> 

  26. <div data-role="page" id="page">
  27. <div data-role="header">
  28. <h1>START</h1>
  29. </div>
  30. <div data-role="content">
  31. <a href="" id="openVideo" data-inline="false" data-role="button">abrir</a>
  32. </div>
  34. </div>


  37. <!-- ****************************PAGE 2*************************** -->


  40. <div data-role="page" id="page2" data-theme="a">
  41. <div data-role="header">
  42. <h1>VIDEO</h1>
  43. </div>
  44. <div data-role="content" data-theme="a">
  45. <div data-role="popup" id="popupVideo" data-overlay-theme="a" data-theme="d" data-tolerance="15,15" class="ui-content">
  46.     
  47.     <iframe id="vid" src="video.avi" width="420" height="298" seamless></iframe>
  48.       
  49. </div>
  50. </div>
  52. </div>

  54. </body>
  55. </html>