title: How can I make a video open and play on a .click with jQuery?
body: <p>I'm trying to get a video to open and play using jQuery with the .click function. I've seen this done on various sites, where there's a play button on a section of the website, and when it's clicked, the rest of the site sort of dims, and the video player open's up, and the video plays. I want to implement this on my site, but I'm not sure how to proceed. Any help would sincerely be appreciated. Thanks!</p>
  
  <pre><code>&lt;a class="playBtn" href="#"&gt;&lt;i class="fa fa-play-circel fa-3x" aira-hidden="true"&gt;&lt;/i&gt;&lt;/a&gt; &lt;!--Is the button I want to use to activate the video.--&gt;
  &lt;script&gt;
      $(document).ready(function() {
              $(".playBtn").click(function(){
  
              });
          });
      &lt;/script&gt;
  </code></pre>