embed YouTube venster positioneren

[sgrav000]

Ik wil een YouTube playvenster embedden op een webpagina. Hoe kan ik dat venster op de positie zetten die ik wil d.w.z. welke opdracht moet ik inbrengen in de tekst van het script dat er ongeveer zo uit ziet:

<object style="height: 390px; width: 640px"><param name="movie" value="http://www.youtube.com/v/......?version=3"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/.....?version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="390"></object>

b.v.d. sgrav000

 

[sgrav000]

Aanvullend:
Ik werk met een webbouwer, helaas, en die geeft mij alleen maar mogelijkheden tussen de body tags. Bovendien heb ik niet met css leren werken. Is het mogelijk binnen de body tags een opdracht in te voegen die op het object slaat en het object plaatst b.v. met LEFT en TOP?

sgrav000

 

[csshunter]

Yep, dat kan; (meestal) niet met top en left, maar met margin-top en margin-left.
Bijvoorbeeld:

<object style="height: 390px; width: 640px; margin-top: 10px; margin-left: 30px;">
    <param  ... enz.
</object>

of. als het filmpje gecentreerd moet komen:

<object style="height: 390px; width: 640px; margin: 10px auto;">
    <param  ... enz.
</object>

De 10px zijn dan onder en boven, het auto(matisch) zorgt voor eerlijk delen tussen links en rechts van de in de breedte overblijvende ruimte.
Het kan ook nog "geavanceerd": met "floats" om de video helemaal links of rechts te krijgen terwijl er daarnaast nog tekst komt:

<object style="height: 390px; width: 640px; margin: 10px; float: left;">
    <param  ... enz.
</object>
<p>Dit komt vanzelf naast de video te staan, op een afstandje van 10pixels.<p>

Enz.

Met vriendelijke groet,
CSShunter

 

[sgrav000]

Bij geen van de drie suggesties kwam het YouTube venster van zijn plaats. Niettemin bedankt voor jouw meedenken, csshunter.
Inmiddels heb ik de oplossing gevonden: Je kunt ook inlinestyle div gebruiken:

<object>
<div style="width:540px;height:290px;left:457px;top:250px;position:absolute; border:0px solid red;">
<object style="height: 390px; width: 640px"><param name="movie" value="http://www.youtube.com/v/...........?version=3">
<param name="allowFullScreen" value="true">
<param name="allowScriptAccess" value="always">
<embed src="http://www.youtube.com/v/..............?version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="540" height="290">
</object>

sgrav000

 

[csshunter]

Hoi sgrav000,
Ja, dat klopt, sorry. Ik had het even uit mijn hoofd gedaan, en vergeten er {display: block;} bij te zetten.
Maar met een <div> eromheen kan het ook. *)
Dan kan je er ook een padding, background-kleurtje en een border aan toevoegen, want op die eigenschappen blijkt het flash-object niet te reageren. En met een <div> wordt ook de ruimte gereserveerd tijdens het downloaden (geen beeld-verspringing). Dus wel zo mooi.
Hier van alle twee een voorbeeld:

• www.developerscorner.nl/csshunter/tests/embedded-youtube-a.htm
• www.developerscorner.nl/csshunter/tests/embedded-youtube-b.htm

Bij de <div>-versie moeten de breedte en de hoogte van de YouTube er twee keer in: zowel in de <div> als in het <object>.
Zie broncodes; alles valid html.

Met vriendelijke groet,
CSShunter
__________
*) En er moet sowieso een omvattend element omheen om het valid html te maken.