2016-11-05 44 views
0

我在发布这个问题之前搜索了该网站,但我正在寻找一个非常具体的答案。如何在页面加载时自动播放嵌入的YouTube视频?

我使用全宽滑块创建网站。第一张幻灯片是嵌入Youtube视频的1分钟。我需要视频在用户到达现场时自动播放,但我需要视频在用户向下滚动页面或幻灯片更改时自动停用。

Slider.html

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

<!-- Nav Controls --> 
    <div class="slidePrev"><span></span></div> 
    <div class="slideNext"><span></span></div></div> 

     <!--/slider --> 
     </div> 

回答

0

只需添加?autoplay=1到乌尔IFRAME SRC像下面这将做的工作

<iframe src='https://www.youtube.com/embed/pTBjHjRhx_Y?autoplay=1' frameborder='0' allowfullscreen></iframe> 
+0

的OP也希望将视频自动停止,当用户向下滚动。 – AppleCrazy

相关问题