Code geht nicht im IE! Bzw. Code Flashfilm vergrößern, verkleinern gesucht

S

sprudel1

Grünschnabel
Hi Leute, ich habe da was zum vergrößern und verkleinern von Flash Filmen (per Button). (habe ich aus diesem Forum, nur ein wenig abgeändert) Es geht in allen Brwosern. Im IE (Habe die Version 8) geht es aber nicht (der Film wird nicht angezeigt). Wäre super wenn mir jemand helfen könnte! Bin am verzweifeln. Ich wäre auch für einen alternativ Code dankbar, wo das Ganze geht! Es soll also ein Flashvideo angezeigt werden und wenn man auf einen Button klickt soll der Film verkleinert werden und mit einem anderen Button wieder vergrößert, ohne das der Film unterbrochen wird.

Hier der Code, den ich im IE nicht geht ...


HTML: 
<html>
<head
  <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title></title>
<script type="text/javascript">
<!--
function fx(oId,v)
{
  var o=document.getElementById(oId).getElementsByTagName('div')[0];
  o.style.width=o.style.height=v;
}
//-->
</script>
  </head>

<body bgcolor="#000000">

<button onclick="fx('movie',this.value)" value="100%" id="myButton" class="buttonstyle">Vollbild</button>
<button onclick="fx('movie',this.value)" value="25%" id="myButton" class="buttonstyle">Video klein</button>

<div id="movie" style="width:425px;height:344px;" >
<div style="width:100%;hight:100%">

    <object  width="100%" height="100%">
      <param name="movie" value="//www.youtube.com/v/8rAkjgqg3Cg?version=3&amp;hl=de_DE&amp;rel=0"></param>
      <param name="allowFullScreen" value="true"></param>
      <param name="allowscriptaccess" value="always"></param>
      <embed src="//www.youtube.com/v/8rAkjgqg3Cg?version=3&amp;hl=de_DE&amp;rel=0"
             type="application/x-shockwave-flash"
             allowscriptaccess="always"
             allowfullscreen="true"
             width="100%"
             height="100%"></embed>
    </object>
  </div>
</div>

  </body>

</html>


Im Voraus vielen Dank

LG
Sprudel
 
Danke für die Willkommenswünsche. ;) Nein, es gibt keine Fehlermeldung. Ich denke das der IE ein Problem mit den Div Tags hat. Also das es eher ein Styleproblem ist ...

LG
Sprudel
 
Hi
Im IE8 funktioniert es bei mir grundsätzlich (getestet via IE10 BrowsermodusIE8). Es gibt allerdings eine Fehlermeldung wenn er im Quirksmodus ist bei folgender Zeile:
o.style.width=o.style.height=v;
SCRIPT87: Ungültiges Argument


Grundsätzlich empfehle ich dir für solche Sachen eine JS Libery zu verwenden (Mein Liebling wäre jQuery).

Das ganze würde dann etwa so aussehen:
Javascript: 
jQuery(document).ready(function() {
	$("button").click(function() {
		$("#movie").css("width", $(this).val());
		$("#movie").css("height", $(this).val());
	});
});
um das benutzen zu können musst du noch jQuery einbinden. Entweder du saugst dir jQuery und hostest es bei dir oder du ziehst es mit folgendem snipped gleich von google an:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

Wenn du trotzdem pures Javascript ohne Libs verwenden willst wäre mein Lösungsansatz dafür zu sorgen, dass der IE8 nicht in den Quirks Modus springt.

PS: Achte darauf dass du nicht die selbe ID für unterschiedliche Elemente benutzt.
PPS: Wenn du wirklich noch den IE8 hast solltest du unbedingt updaten :)
 
Vielen Dank, echt nett von Dir! :)
JQuery ist kein Problem, habe ich eh ...
Es wäre total super wenn Du mir gerade den ganzen Code posten könntest. So, dass es mit JQuery geht, bin da leider nicht so fit!

LG
Sprudel
 
Javascript: 
jQuery(document).ready(function() {
    $("button").click(function() {
        $("#movie").css("width", $(this).val());
        $("#movie").css("height", $(this).val());
    });
});

Ist der ganze Code :)

zusammengefügt ist es dann:
HTML: 
<html>
<head
  <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title></title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
    $("button").click(function() {
        $("#movie").css("width", $(this).val());
        $("#movie").css("height", $(this).val());
    });
});
</script>
  </head>

<body bgcolor="#000000">

<button value="100%" id="myButton1" class="buttonstyle">Vollbild</button>
<button value="25%" id="myButton2" class="buttonstyle">Video klein</button>

<div id="movie" style="width:425px;height:344px;" >
<div style="width:100%;hight:100%">

    <object  width="100%" height="100%">
      <param name="movie" value="//www.youtube.com/v/8rAkjgqg3Cg?version=3&amp;hl=de_DE&amp;rel=0"></param>
      <param name="allowFullScreen" value="true"></param>
      <param name="allowscriptaccess" value="always"></param>
      <embed src="//www.youtube.com/v/8rAkjgqg3Cg?version=3&amp;hl=de_DE&amp;rel=0"
             type="application/x-shockwave-flash"
             allowscriptaccess="always"
             allowfullscreen="true"
             width="100%"
             height="100%"></embed>
    </object>
  </div>
</div>

  </body>

</html>

Gerngeschehen. Darfst mir aber ein Danke vergeben :)
 
Klasse, ganz lieben Dank! ;) Ich musste nur noch den Style Div-Tag entfernen und jetzt gehts auch im IE8. (Es wurde wegen dem Div Tag kein Film gezeigt aber ohne geht es) Suuuupeerrr! Du hast mir total geholfen!

LG Sprudel
 
Zuletzt bearbeitet:
Vor Allem den Quirks-Mode entfernen. Das passiert, wenn etwas nicht sauber gescriptet ist - dann machen die Browser, was sie für richtig erachten. Eine Seite sollte immer im Standardsmode laufen.

Mach Dir n Lesezeichen, benenne es zB Quirks-Test und pack als Adresse
Code: 
javascript:alert(document.compatMode)
rein. Wenn Du auf Deiner Seite bist, klick drauf und es wird Dir Der Browser-Modus angezeigt.

Ansonsten, jeipack hat die wichtigsten Sachen gesagt, IE8 muß nicht unterstützt werden, Quirksmode loswerden, IDs sind einmalig zu benutzen.

mfg chmee
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück