Embed video in FF 3.0

JB'tje · 21 jun 2008

Hallo allemaal,

voor een site heb ik 't een en ander gemaakt waardoor je met een slidebar een windows Media Player scherm groter en kleiner kunt maken...
http://scripts.24design.nl/kijktvonline.nl/RTL/RTL/569/Achmea_Kennisquiz/

Code van object + embed is hier te vinden... (zelfde als in url hierboven gebruikt wordt!)
http://scripts.24design.nl/kijktvonline.nl/RTLwmp.php?id=569

Nu werkt dit in IE allemaal perfect... FF 2.0 ook, maar in FF 3.0 krijg ik problemen :S
Via document.getElementByid('mediaPlayer').style.heigth EN document.getElementByid('mediaPlayer_2').style.heigth set ik de hoogte/breedte..... (werkt perfect in IE en FF 2.0) maar in FF 3.0 doet dit helemaal niets (het Windows Media Player ding blijft links boven in de hoek staan.... even groot als in het begin, en wordt niet kleiner / groter)

Ik denk dat ik iets fout heb ik de html code, maar na al die uren staren lukt het me niet meer er iets zinnigs uit te halen :S

Zou iemand mij kunnen helpen?

M.v.g.
JB'tje

HTML:

<object id="mediaPlayer" width="320" height="270" standby="Kijk TV Online.nl" type="application/x-oleobject">
  <param name="FileName" value="http://cgi.omroep.nl/cgi-bin/wmlive?3fmwebcam.asx">
  <param name="AudioStream" value="http://cgi.omroep.nl/cgi-bin/wmlive?3fmwebcam.asx">

  <param name="TransparentAtStart" value="true">
  <param name="AutoStart"          value="true">
  <param name="AnimationatStart"   value="false">
  <param name="ShowStatusBar"      value="true">
  <param name="ShowControls"       value="false">
  <param name="autoSize"           value="false">

  <param name="ShowPositionControls" value="false">
  <param name="DisplaySize"        value="0">
  <param name="AudioStream"        value="true">

  <embed id="mediaPlayer_2" type="application/x-mplayer2"
    pluginspage="http://www.microsoft.com/isapi/redir.dll?prd=windows&sbp=mediaplayer&ar=Media&sba=Plugin&"
    src="http://cgi.omroep.nl/cgi-bin/wmlive?3fmwebcam.asx" 
    autostart="1"
    width="320"
    height="270"
    transparentatstart="0"
    animationatstart="0"
    showcontrols="0"
    showstatusbar="1"
    autosize="0"
    DisplaySize="0"
    audiostream="1">
  </embed>

That Guy · 22 jun 2008

eeeehm...

document.getElementByid('mediaPlayer').style.heigth

is het niet height? (yea, probably alleen forumpost fout)

verder geen idee, had FF3.0 geen foutenconsole? (wat is de code voor die vergrotings-bar verder?)

JB'tje · 22 jun 2008

idd, typefoutje van mij

in het script staat uiteraard gewoon "height"

FF 3.0 heeft, net als FF2.0, een foutconsole, maar deze geeft alleen een error weer van Google analytics :| als ik dat stukje script van google ff weglaat, krijg ik geen fouten....

Het schuiven ed werkt allemaal goed. De breedte ophaalt ook en het juiste nieuwe formaat berekenen ook....

Een ajax script zorgt ervoor dat de div met ID "TV" (zie onderaan…) een nieuwe content krijgt...
Deze content bestaat uit een object met de naam: 'mediaPlayer' en een embed daarin met de naam: 'mediaPlayer'_2 deze ID’s komen overeen met de ID’s van de weg te vallen div’s die bij het opstarten aanwezig zijn in de div "TV" staan..... zo blijven deze 2 ID's altijd bestaan en zijn er geen problemen als er met de slidebar geschoven wordt, terwijl er geen filmpje geladen is....

Opvallend is wel in FF3.0 dat de div "TV" WEL vergroot en verkleind, terwijl de WMP die links boven in de hoek blijft staan niet groter/kleiner wordt :S

M.v.g.
JB’tje

Dit wil ik graag zien
http://scripts.24design.nl/kijktvonline.nl/pics/IE7.0.png
en dit zie ik :S
http://scripts.24design.nl/kijktvonline.nl/pics/FF3.0.png

p.s. "(wat is de code voor die vergrotings-bar verder?)"
De rest van de code is allemaal gemaakt door Yahoo!, open source spul... werkt goed btw

PHP:

// Allemaal javascript hieronder... (niet toepasselijk ik html forum :P Ik weeet het...)
function jajaja()
{
// Eerst ff kijken hoe breed je scherm is
  if( typeof( window.innerWidth ) == 'number' ) {
  //Non-IE
    return window.innerWidth;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
  //IE 6+ in 'standards compliant mode'
    return document.documentElement.clientWidth;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
  //IE 4 compatible
    return document.body.clientWidth;
} }

function resizeTV()
{
  var myWidth = jajaja();
  if(horizontalSlider)
  {
    YY = horizontalSlider.getValue();
  }else{
    YY = 0;
  }

  if(YY < 0) {
    x = Math.floor( 320  + (YY * (320/100)) );
  }else{
    x = Math.floor( 320  + (YY * 3 * (320/100)) );
  }

  XX = Math.ceil(myWidth * 0.9);
  if(XX < MinWidth) {
    XX = MinWidth;
  }else if(XX > MaxWidth) {
    XX = MaxWidth;
  }

  if(x > (XX - 320)) {
    x = (XX - 320);
  }

  document.getElementById('TV').style.width  = x+"px";
  document.getElementById('TV').style.height = (Math.round(270/320 * x)+26)+"px";
  if(document.getElementById('mediaPlayer'))
  {
    document.getElementById('mediaPlayer').style.width  = x+"px";
    document.getElementById('mediaPlayer').style.height = (Math.round(270/320 * x))+"px";
  }
  if(document.getElementById('mediaPlayer_2'))
  {
    document.getElementById('mediaPlayer_2').style.width  = x+"px";
    document.getElementById('mediaPlayer_2').style.height = (Math.round(270/320 * x))+"px";
} };

HTML:

    <div style="vertical-align:top; width:320px; height:270px; background-color:#FFFFFF; border:#000000 1px solid; overflow:hidden; background-color:#BBBBBB;" id="TV">
      <div id="mediaPlayer" style="width:320px; height:270px;">
        <div id="mediaPlayer_2" style="width:320px; height:270px;">
          <img src="<?PHP echo LINK; ?>images/tvholder.png" alt="KijkTvOnline.nl" width="100%" align="middle" />
        </div>
      </div>
    </div>

That Guy · 22 jun 2008

Opvallend is wel in FF3.0 dat de div "TV" WEL vergroot en verkleind, terwijl de WMP die links boven in de hoek blijft staan niet groter/kleiner wordt :S

Hm, dat klinkt alsof ff embled's anders doet. Als je de pagina checkt met de w3 validator, krijg je dan errors? Het kan zijn dat FF3.0 die heeft weggelaten of veranderd, waardoor het niet werkt.

Check:
http://support.mozilla.com/tiki-view_forum_thread.php?locale=en-US&comments_parentId=77583&forumId=1

JB'tje · 22 jun 2008

zou best goed kunnen dan embed anders werkt in FF3.0....
ActiveX component heb ik niet geinstalleerd.. dus daar zal het (denk ik) niet aan liggen...

Verder redelijk wat errors op de pagina:
http://validator.w3.org/check?uri=h...(detect+automatically)&doctype=Inline&group=0

Allemaal errors van binnen de embed tags :S

M.v.g.
JB'tje

That Guy · 22 jun 2008

ja - daarom. In een website van mij (second-thought.nl) zitten ook embed's - dit is de code:

HTML:

<object class='floatLeft' 
classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' 
codebase='http://download.macromedia.com
/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0'
width='425' height='335' id='movie'>
<param name='movie' value='http://www.dailymotion.com/swf/4EXOwcfoJgqlobH6K'>
</object>

welliswaar flash, maar deze is WEL valide. Mischien kan je er wat mee.

:thumb:

JB'tje · 23 jun 2008

Hey,

eeh.. ik kan me vergissen, maar kan het zijn dat ik hier geen embed code in zie?

Ik ben eens gaan kijken met FF3.0 naar je site, maar heb de flash filmpjes (die met IE wel te zien zijn) met FF 3.0 niet kunnen zien :S --> Flash dus maar geinstalleerd voor FF, maar nog steeds niets... wel op andere websites dat ik het flash deel kan zien....

het vreemde van die WMP is dat ik deze wel groter kan maken als ik dat van tevoren opgeef, maar hij totaal niet reageert op het javascript :S

M.v.g.
JB'tje

p.s. Vandaag is er weer een dag :shocked:

That Guy · 23 jun 2008

eeh.. ik kan me vergissen, maar kan het zijn dat ik hier geen embed code in zie?

oh wait, je hebt gelijk

het vreemde van die WMP is dat ik deze wel groter kan maken als ik dat van tevoren opgeef, maar hij totaal niet reageert op het javascript :S

vreemd, maar maak je het dan van tevoren groter met javascript, of met html?

:thumb:

JB'tje · 23 jun 2008

Vegras zei:
vreemd, maar maak je het dan van tevoren groter met javascript, of met html?

Van tevoren met HTML, door in het object en de embed de height en width te verdubbelen bijvoorbeeld...

dus de height en width doen dus wel iets in FF3.0 maar blijkbaar past het javascript deze waardes na de tijd niet meer aan.... Eens kijken of ik er nog wat kleine testjes mee kan doen...

JB'tje

Embed video in FF 3.0

JB'tje

Gebruiker

That Guy

Meubilair

JB'tje

Gebruiker

That Guy

Meubilair

JB'tje

Gebruiker

That Guy

Meubilair

JB'tje

Gebruiker

That Guy

Meubilair

JB'tje

Gebruiker

Nieuwste berichten

Wij waarderen jouw privacy