Jquery Wie schließe ich das letzte Video, bevor ich das nächste streame?

Ich arbeite an diesem Code der letzten 2 Tage. Ich habe viele Lösungen ausprobiert, aber ich kann nicht erreichen, was ich will.Jquery Wie schließe ich das letzte Video, bevor ich das nächste streame?

dies ist mein Code

<html> 
<body> 
<a href="#" onclick="myLink('0HTo_ySoct4');">Click me!</a> 
<a href="#" onclick="myLink('PxWDfisVmzg');">Click me!</a> 

<div id="0HTo_ySoct4">The text will get loaded here</div> 
<div id="PxWDfisVmzg">The text will get loaded here</div> 


<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> 
<script> 
function myLink(Yt) { 
var yout = Yt; 
var myurl = '<iframe src="https://www.youtube.com/embed/' + yout + '?autoplay=1&rel=0&controls=1" width="450" height="300" frameborder="0" class="player"></iframe>'; 

$('.player').hide(); 

$("#"+yout).html(myurl); 

} 
</script> 
</body> 
</html>

Lassen Sie mich erklären, was ich will und was der Code tut.

Sehen Sie, ich habe 2 Klick mich Registerkarte. Ich kann mehr Klick mich Tab um 20 haben, gut, es hängt von den Ergebnissen ab.

Alle Registerkarte enthält eine Youtube-Video-ID.

so, wenn ich auf einen Klick klicken Sie auf Registerkarte, um das Video abzuspielen. Das Video wird in das zugehörige div geladen. Das ist in der Tat. Ich möchte jedes Video direkt unter ihrer jeweiligen Videobeschreibung/Details laden. Es funktioniert aber mit einem Fehler.

Der Fehler ist, als ich versuchte, auf den 2. Klick mich zu klicken. Der erste wird sich von der Webseite verstecken, aber das Video wird immer noch im Hintergrund abgespielt und Sie hören Audio von beiden Videos.

Ich möchte das vorherige Video vollständig schließen, bevor Sie das nächste Video abspielen. Ich habe viele Änderungen vorgenommen, aber ich habe es nicht behoben. Jetzt brauche ich nur noch kleine Hilfe von den Experten.

bitte helfen Sie mir.

Wie kann ich die letzten Videos komplett schließen, bevor ich die nächste spiele? Nur weil div id anders ist, habe ich dieses Problem, aber ich brauche das in meinem Projekt.

Vielen Dank im Voraus,

Quelle

2016-09-03 Kapil

ähnlich wie Ihre Methode Laden mag ich behalte die entladenen Videos in source = dann lade sie in src = wenn sie abgespielt werden sollen. Um zu stoppen, benutze ich attr ('src', ''), um src zu löschen, während source = die URL für das nächste Mal beibehält. –

so etwas wie diese

Sie

<html> 
<body> 
<a href="#" onclick="myLink('0HTo_ySoct4');">Click me!</a> 
<a href="#" onclick="myLink('PxWDfisVmzg');">Click me!</a> 

<div class="youtubeVideo" id="0HTo_ySoct4">The text will get loaded here</div> 
<div class="youtubeVideo" id="PxWDfisVmzg">The text will get loaded here</div> 


<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> 
<script> 
function myLink(Yt) { 
var yout = Yt; 
var myurl = '<iframe src="https://www.youtube.com/embed/' + yout + '?autoplay=1&rel=0&controls=1" width="450" height="300" frameborder="0" class="player"></iframe>'; 

$('.player').hide(); 
$(".youtubeVideo").empty(); 
$("#"+yout).html(myurl); 

} 
</script> 
</body> 
</html>

im Grunde leer all divs das Video zeigt, bevor die neuen in seinem entsprechenden div

Quelle

2016-09-03 08:15:11 atul

hast du meinen Tag gerettet, Danke @atul – Kapil

Jquery Wie schließe ich das letzte Video, bevor ich das nächste streame?

Antwort

Verwandte Themen