Первый раз постер здесь! Итак, у меня есть эта карусель, с которой я экспериментировал. Я знаю основы того, как это работает, и решил начать возиться с тем, как видео 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 ++) Если это вообще сбивает с толку, пожалуйста, дайте мне знать! Мои заранее извинения, а также мое спасибо!