Karuzela HTML z filmami youtube zatrzymuje roatację do końca wideo

Pierwszy raz plakat tutaj! Mam więc karuzelę, z którą eksperymentowałem. Znam podstawy tego, jak to działa i zdecydowałem się zacząć bawić się filmami z YouTube'a w karuzeli. Oto obecny kod:

<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>

Aby zobaczyć kod w akcji, jest to link:http://www.brassbellmusic.com/t-test1.aspx Jak widzisz, są tam logo boczne, a także główny obraz / wideo. Moje pierwsze pytanie związane z filmem brzmi: jak uzyskać i wyświetlić obraz z boku, na przykład rzeczywistą miniaturę filmu na YouTube na YouTube? Drugie pytanie brzmi: jak mogę zmienić slajdy po zakończeniu wideo? Na przykład, jeśli mam kilka filmów z rzędu, jak mam je zakończyć i przejść do następnego? Nie chcę ich automatycznie odtwarzać, wystarczy zmienić slajdy, jak tylko zakończy się wideo, w przeciwnym razie nie chcę, aby karuzela w ogóle się poruszała. Stąd linia:

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

To była najlepsza naprawa, jaką mogłem wymyślić na chwilę. Nie wiem co jeszcze, ponieważ jestem nowy w kodzie HTML. (Pochodzę z Java i C ++) Jeśli to w ogóle było mylące, daj mi znać! Z góry przepraszam, a także dziękuję!

questionAnswers(0)

yourAnswerToTheQuestion