How to autoplay embed YouTube Video on page load?
<p>I did search the site before posting this question but I'm looking for a really specific answer. </p>

<p>I'm creating a website with a full width slider. The first slide is the 1 min embed Youtube video. I need the video to autoplay when user arrives on site but I need the video to autostop whenever user scroll down the page or when the slide changes.</p>

<p>Slider.html</p>

<pre><code>&lt;!-- start slider --&gt;
       &lt;div id="fwslider"&gt;
         &lt;div class="slider_container"&gt;
            &lt;div class="slide"&gt; 
                &lt;!-- Slide image --&gt;
               &lt;iframe src='https://www.youtube.com/embed/pTBjHjRhx_Y' frameborder='0' allowfullscreen&gt;&lt;/iframe&gt;
                &lt;!-- /Slide image --&gt;
                &lt;!-- Texts container --&gt;
                &lt;div class="slide_content"&gt;
                    &lt;div class="slide_content_wrap"&gt;
                        &lt;!-- Text title --&gt;
                        &lt;h1 class="title"&gt;Run Over&lt;br&gt;Everything&lt;/h1&gt;
                        &lt;!-- /Text title --&gt;
                        &lt;div class="button"&gt;&lt;a href="#"&gt;See Details&lt;/a&gt;&lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
               &lt;!-- /Texts container --&gt;
            &lt;/div&gt;
            &lt;!-- /Duplicate to create more slides --&gt;
           &lt;div class="slide"&gt;
               &lt;img src="images/slider2.jpg" class="img-responsive" alt=""/&gt;
                &lt;div class="slide_content"&gt;
                    &lt;div class="slide_content_wrap"&gt;
                        &lt;h1 class="title"&gt;Run Over&lt;br&gt;Everything&lt;/h1&gt;
                        &lt;div class="button"&gt;&lt;a href="#"&gt;See Details&lt;/a&gt;&lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;!--/slide --&gt;
        &lt;/div&gt;
        &lt;div class="timers"&gt;&lt;/div&gt;

&lt;!-- Nav Controls --&gt;
  &lt;div class="slidePrev"&gt;&lt;span&gt;&lt;/span&gt;&lt;/div&gt;
  &lt;div class="slideNext"&gt;&lt;span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;

       &lt;!--/slider --&gt;
      &lt;/div&gt;
</code></pre>