I want the embedded video to load HIDE when the website loads.

Can you help me with this. thanks. Im not really good in programming so I need all the help, but i know basic stuff. 

```
<!DOCTYPE html>
    <html>
    <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
    </script>
    <script>
    $(document).ready(function(){ 
      $(".btn1").click(function(){ 
        $("p").slideUp();
      });
      $(".btn2").click(function(){
        $("p").slideDown();
      });
    });
    </script>
    </head>
    <body>

    <p><iframe width="420" height="315" src="//www.youtube.com/embed/b8B1O0Fak5s" frameborder="0" allowfullscreen></iframe></p>
    <button class="btn1">Slide up</button>
    <button class="btn2">Slide down</button>

    </body>
    </html>

```