Es geht darum, dass ich auf einer Seite ein Video einbetten möchte, das man auch als Popup nutzen kann. Das verzwickte an der Sache ist, dass wenn man auf den Button fürs Popup klickt, der Player auf der Hauptseite quasi verschwinden muss und im Popup erscheint. Zudem muss das Popup-Window Fullscreen zulassen, was ich bisher auch nicht hinbekommen habe.
Wenn mir jemand bitte helfen möchte, dem geb ich die dazugehörigen Links, damit es gleich darauf angepasst werden kann. ihr bekommt natürlich das Copyright oder auch eine kleine Abfindung. Aber bitte, Hilfe!
Hier mal mein kläglicher Script-Versuch:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 | <object bgcolor="#000000" class="videoplayer" data="http://www.own3d.tv/livestream/17381" height="478" id="live_embed_player_flash" style="" type="application/x-shockwave-flash" width="800"> <param name="allowFullScreen" value="true" /> <param name="allowScriptAccess" value="always" /> <param name="allowNetworking" value="all" /> <param name="movie" value="http://www.own3d.tv/livestream/17381" /> <param name="flashvars" value="Ezurius;auto_play=true&start_volume=50" /> </object></p> <div style="clear:both;"> </div> <script type="text/javascript"> //<!-- var popoutwindow; function popOutPlayer () { if (popoutwindow == undefined || popoutwindow.closed) { popoutwindow = window.open ("http://www.own3d.tv/livestream/17381", "Ezurius", "height=488, width=810,toolbar=no,scrollbars=no,menubar=no,resizable=yes"); if (popoutwindow) { if ($('#showVideoDiv').length == 0) { var showDiv = document.createElement("div"); var height = $('.videoplayer').height (); $(showDiv).css ('width', $('.videoplayer').width ()); $(showDiv).css ('height', height); $(showDiv).insertBefore ('.videoplayer'); $(showDiv).css ('background-color', '#ccc'); $(showDiv).attr ('id', 'showVideoDiv'); var htm = '<div style="height:' + ((height / 2) - 16) + 'px;"> </div><a style="display:block;text-align:center;margin-left:auto;margin-right:auto;" href="" onClick="return showVideo();">Show Video Player</a>'; $(showDiv).html (htm); } $('.videoplayer').hide (); } } else { popoutwindow.focus (); } return false; } function showVideo () { var showDiv = $('#showVideoDiv'); $(showDiv).remove (); $('.videoplayer').show (); return false; } //--> </script><p> <a href="http://www.own3d.tv/livestream/17381" onclick="return popOutPlayer()">Pop-out Video</a></p> <div id="showVideoDiv" style="width: 800px; height: 478px; background-color: rgb(204, 204, 204);"> <div style="height:223px;"> </div> <a href="" onclick="return showVideo();" style="display:block;text-align:center;margin-left:auto;margin-right:auto;">Show Video Player</a></div> |