Hallo Leute,

so sieht mein Code aus:

Code:

<object id="frameobj" width="520" height="300">
<embed id="movieclip" src="http://www.youtube.com/v/xxrbQxZtJGw?version=3&amp;hl=de_DE" type="application/x-shockwave-flash" width="520" height="300" allowscriptaccess="always" allowfullscreen="true"></embed>
</object>

<?php
echo "<a onclick='change()' id='vidbtn'>Klick mich</a>";
?>

  <script type="text/javascript">
  function change(){
    $("#movieclip").attr('src', 'http://www.youtube.com/v/F47oG7Yh7_s?version=3&amp;hl=de_DE')
  }
  </script>

Ich habe ein eingebettetes Youtubevideo und möchte durch ein Clickevent auf das a-Tag ein Video wechsel auslösen. Mein derzeitiges Problem besteht darin, dass das "object" Element verschwindet. Ich mache sicher einen grundlegenden Fehler, jedoch finde ich ihn nach 3 tägigen Mühen immer noch nicht. Hat jemand eine Idee, worin mein Fehler liegt oder kann sogar einen anderen Lösungsweg aufzeigen?!

Ich hoffe ich habe mich einigermaßen klar ausgedrückt.

liebe grüße String

Man kann das src Attribut eines embed Tags nicht ändern, es ist read-only.
Du könntest aber mit append() dynamisch einen neuen embed Tag einfügen.

Und bitte verwende die jQuery event Listener, die sind sooo toll ;-)

Code:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$('.changeVideo').click(function() {
		$('#frameobj embed').remove();
		$('<embed id="movieclip" src="http://www.youtube.com/v/F47oG7Yh7_s?version=3&amp;hl=de_DE" type="application/x-shockwave-flash" width="520" height="300" allowscriptaccess="always" allowfullscreen="true"></embed>').appendTo('#frameobj');
	});
});
</script>

<object id="frameobj" width="520" height="300">
	<embed id="movieclip" src="http://www.youtube.com/v/xxrbQxZtJGw?version=3&amp;hl=de_DE" type="application/x-shockwave-flash" width="520" height="300" allowscriptaccess="always" allowfullscreen="true"></embed>
</object>

<a href="#" class="changeVideo">klick mich</a>

Sehr schön, vielen Dank für diesen Tipp, es funktioniert einwandfrei!
Eine Frage hätte ich jedoch noch, wie kann ich der jQuery-Function etwas übergeben, also beispielsweise den Link des jeweilig angeklickten a Tags. Das Clickevent wird ja durch die Klasse abgefangen, daher bekomme ich keine Variable oder Wert übergeben.

Grüße String

Innerhalb der click event listener Funktion kannst du per $(this) auf das angeklickte Element zugreifen.

Code:

$(this).attr('href')

Super, vielen Dank!