2016-11-05 12 views
0

私はこの質問を投稿する前にサイトを検索しましたが、本当に具体的な答えを探しています。ページの読み込み時にYouTube動画を埋め込む方法を教えてください。

フルサイズのスライダーでウェブサイトを作成しています。最初のスライドは1分の埋め込みYoutubeビデオです。ユーザーがサイトに到着したときに自動再生するビデオが必要ですが、ユーザーがページを下にスクロールするとき、またはスライドが変更されたときにオートストップする必要があります。

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

はちょうど以下のようなウルのiframe srcに?autoplay=1を追加し、これはOPも時にユーザーがスクロールダウンビデオが自動停止したい仕事

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

を行います。 – AppleCrazy

関連する問題