Question

这里第一次发布海报！所以我有一个我一直在试验的旋转木马。我知道它是如何工作的基础知识，并决定开始讨论YouTube视频在旋转木马中的工作方式。以下是目前的代码：

<br>
<!------------------------------------- THE CONTENT ------------------------------------------------->
<div id="jslidernews2" class="lof-slidecontent" style="width:600px; height:300px;">
<div class="preload">
<div></div>
</div>
<!-- MAIN CONTENT -->
     <div class="main-slider-content" style="width:450px; height:278px;">
     <ul class="sliders-wrap-inner">
     <li><a href="index1.html">
     </a><a href="http://www.facebook.com/events/186540518133184/"><img src="/images/video_wall.png" title="" height="278" width="450">   </a>
     </li>
     <li>
     <a href="t-lessons.aspx"><img src="/images/lessons_registering.png" title="" height="278" width="450"></a>
     </li>
     <li>
     <a href="aeRntSchoolSelect.aspx"><img src="/images/e_rentals.png" height="278" width="450"></a>
    </li>
     <li>
     <a href="http://stores.ebay.com/Brass-Bell-Music-Store"><img src="/images/ebay_event.png" height="278" width="450"></a>
     </li>
     <li>
     <iframe height="278" width="450" src="http://www.youtube.com/embed/ZkK4D3eOYb0" frameborder="0" allowfullscreen></iframe>
     </li>
</ul>
</div>
<!-- END MAIN CONTENT -->
<!-- NAVIGATOR -->
<div class="navigator-content">
<div class="navigator-wrapper">
<ul class="navigator-wrap-inner">
     <li>
     <div>
     <img src="/images/thumbs/video_wall_2.png">
     </div>
     </li>
     <li>
     <div>
     <img src="/images/thumbs/lessons_registering_2.png">
     </div>
     </li>
     <li>
     <div>
     <img src="/images/thumbs/e_rentals_2.png">
     </div>
     </li>
     <li>
     <div>
     <img src="/images/ebay_event.png">
     </div>
     </li>
     <li>
     <div>
     <img src="/images/ebay_event.png">
     </div>
     </li>
</ul>
</div>
</div>
<!----------------- END OF NAVIGATOR --------------------->
<div><a href="#" id="carouselstop"></a></div>
</div>

所以你可以看到代码在行动，这是链接：http://www.brassbellmusic.com/t-test1.aspx 如您所见，有侧面徽标，以及主要图像/视频。我对视频的第一个问题是，我如何获取视频的侧面图像，例如YouTube上视频的实际YouTube缩略图？第二个问题是如何在视频播出后更改幻灯片？就像我连续多个视频一样，如何让它结束并转移到下一个？我不打算让它们自动播放，只要在视频播放完毕后立即更换幻灯片，否则我根本不希望旋转木马移动。因此，行：

<div><a href="#" id="carouselstop"></a></div>

这是我能够提出的最佳解决方案。我不知道还有什么因为我是html代码的新手。（我来自Java和C ++）如果这一点令人困惑，请告诉我！我提前道歉并表示感谢！

带有youtube视频的HTML轮播会停止轮换，直到视频结束

0 个答案: