HTML-Karussell mit YouTube-Videos stoppt die Roatation bis zum Ende des Videos

Zum ersten Mal Poster hier! Also habe ich dieses Karussell, mit dem ich experimentiert habe. Ich kenne die Grundlagen der Funktionsweise und habe beschlossen, mit der Funktionsweise von YouTube-Videos im Karussell herumzuspielen. Hier ist der aktuelle Code:

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

Damit Sie den Code in Aktion sehen können, ist dies der Link:http://www.brassbellmusic.com/t-test1.aspx Wie Sie sehen, gibt es die Seitenlogos sowie das Hauptbild / -video. Meine erste Frage mit dem Video wäre, wie bekomme ich ein Bild auf die Seite für das Video, wie das tatsächliche YouTube-Miniaturbild für das Video auf YouTube? Die zweite Frage ist, wie kann ich die Folien wechseln, wenn das Video beendet ist? Wenn ich mehrere Videos hintereinander habe, wie kann ich dann eines beenden und zum nächsten wechseln? Ich möchte sie nicht automatisch abspielen lassen, sondern nur die Folien wechseln, sobald ein Video beendet ist. Andernfalls möchte ich nicht, dass sich das Karussell überhaupt bewegt. Daher die Zeile:

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

Das war die beste Lösung, die ich momentan finden konnte. Ich weiß nicht, was ich sonst noch tun soll, da ich neu im HTML-Code bin. (Ich komme aus Java und C ++) Wenn dies verwirrend war, lassen Sie es mich bitte wissen! Ich entschuldige mich im Voraus sowie meinen Dank!

Antworten auf die Frage(0)

Ihre Antwort auf die Frage