✔ FLV Größe per javaScript ändern (onClick)

J

janosh75

Mitglied
Hallo zusammen,
ich würde gerne die Breite & Höhe eines flv Films per javaScript per onClick ändern bzw "switchen" zwischen normal & groß.
Die normale Größe wird per $_GET übergeben. Da ich ohne reload die Variable wohl nicht geändert bekomme, würde ich gerne irgendwie per JS direkt die flv object breite & höhe ansprechen. Gibt es da eine Möglichkeit über "document.getElementById('FLVPlayer')........."?
Danke schonmal im Voraus.
Code: 
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="<?php echo $width ?>" height="<?php echo $height ?>" id="FLVPlayer">
 
Moin Janosh,

jo, soetwas geht.
Hier mal nen Beispiel:
Code: 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; 
                                charset=ISO-8859-1"   />
<meta name="author"             content="doktormolle" />
<meta name="date"               content="2009-06-24" />
<title>Test</title>
<script type="text/javascript">
<!--
function fx(oId,v)
{
  o=document.getElementById(oId).getElementsByTagName('div')[0];
  o.style.width=o.style.height=v;
}
//-->
</script>
</head>
<body>
<select onchange="fx('movie',this.value)">
  <option value="25%">25%
  <option value="50%">50%
  <option value="100%" selected>100%
  <option value="200%">200%
</select>
<div id="movie" style="width:425px;height:344px;" >
  <div style="width:100%;height:100%">
    <object  width="100%" height="100%">
      <param name="movie" value="http://www.youtube.com/v/s8uBI5hDYYw&hl=de&fs=1&"></param>
      <param name="allowFullScreen" value="true"></param>
      <param name="allowscriptaccess" value="always"></param>
      <embed src="http://www.youtube.com/v/s8uBI5hDYYw&hl=de&fs=1&" 
             type="application/x-shockwave-flash" 
             allowscriptaccess="always" 
             allowfullscreen="true" 
             width="100%" 
             height="100%"></embed>
    </object>
  </div>
</div>
</body>
</html>

Das Ganze besteht aus einem <div>...das als Grösse per CSS den "Normalwert" zugewiesen bekommt. Darin befindet sich wiederum ein <div>....dieses hat als Breite/Höhe jeweils 100%. Darin wiederum befindet sich der Film, ebenfalls mit 100% Grösse.
Wozu diese Verschachtelung?
Man muss dann mit den "Normalwerten" nicht mehr rechnen...man kann dem 2.<div> als width/height einfach Prozentwerte zuweisen, und das wars schon.

Ich habs im Beispiel mal mit nem onchange im <select> gemacht, es geht natürlich auch per onclick, die Funktion erwartet die ID des 1.<div> sowie den Prozentwert als Parameter-
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück