Ich hab eine Box die ist am Anfang auf display:none.
Wenn ich auf einen Button drücke, dann komm ich auf setVideo wo mir die Box visible geschalten wird und ich mir das swfobject erstelle und das zeigt er mir auch an.
Wenn ich jetzt auf einen anderen Button drücke, möchte ich mir das er mir ein neues Video nachlädt indem er das alte Objekt löscht und ein neues erstellt.
Es funktioniert! Das einzige Problem ist.. das jedesmal wenn ich ein neues nachlade, er mir das so "zuklappt" und ich aber einfach möchte das er es mir ersetzt... das kommt sicher von dem das ich das Objekt remove.. nur wie mach ich das sonst.. ohne remove!?
Wenn ich auf einen Button drücke, dann komm ich auf setVideo wo mir die Box visible geschalten wird und ich mir das swfobject erstelle und das zeigt er mir auch an.
Wenn ich jetzt auf einen anderen Button drücke, möchte ich mir das er mir ein neues Video nachlädt indem er das alte Objekt löscht und ein neues erstellt.
Es funktioniert! Das einzige Problem ist.. das jedesmal wenn ich ein neues nachlade, er mir das so "zuklappt" und ich aber einfach möchte das er es mir ersetzt... das kommt sicher von dem das ich das Objekt remove.. nur wie mach ich das sonst.. ohne remove!?
Code:
<div class="roundbox" id="teststreambox">
<script type="text/javascript">
//videoplayer erstellen
function setVideo(id, title){
$('titel').value = title;
$('yt').value = id;
if(!$('trailerBox').visible()){
$('trailerBox').show();
}
if($('myytplayer') != null){
$('myytplayer').remove();
var video = document.createElement('div');
video.id = "youtubeVideo";
$('teststreambox').appendChild(video);
var params = { allowScriptAccess: "always", allowFullScreen: "true"};
var atts = { id: "myytplayer" };
swfobject.embedSWF("http://www.youtube.com/v/"+id, "youtubeVideo", "600", "450", "8", null, null, params, atts);
}
else{
var params = { allowScriptAccess: "always", allowFullScreen: "true"};
var atts = { id: "myytplayer" };
swfobject.embedSWF("http://www.youtube.com/v/"+id, "youtubeVideo", "600", "450", "8", null, null, params, atts);
}
}
</script>
<div id="youtubeVideo"></div>
</div>