2016-11-05 43 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

相關問題