Youtube embed code custom width and height - html

Hello I am trying to embed a custom youtube player here
The problem is im unable to set a custom height and width for it. It seems to leave some ugly whitespace and doesnt fully stretch.
<object width="540" height="350">
<param name="movie" value="http://www.youtube.com/cp/vjVQa1PpcFOEm1zAacTga1hxrmYl7Q0lOFesqks2LI="></param>
<embed src="http://www.youtube.com/cp/vjVQa1PpcFOEm1zAacTga1hxrmYl7Q0-lOFesqks2LI=" allownetworking="internal" width="540" height="350"></embed></object>

Try wmode=transparent, the whitespace of the flash object will turn transparent.
Works fine in firefox.
<object width="540" height="350"><param value="http://www.youtube.com/cp/vjVQa1PpcFOEm1zAacTga1hxrmYl7Q0lOFesqks2LI=" name="movie">
<param value="transparent" name="wmode">
<embed width="540" height="350" wmode="transparent" allownetworking="internal" src="http://www.youtube.com/cp/vjVQa1PpcFOEm1zAacTga1hxrmYl7Q0-lOFesqks2LI="></object>

Related

Flash player right click have no setting can click

The situation like the picture:
and my html to load flash is:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="150" height="150" id="Test">
<param name="movie" value="Test.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="true" />
<embed src="Test.swf" quality="high" bgcolor="#ffffff"
width="150" height="150" name="Test"
quality="high" allowScriptAccess="sameDomain" allowFullScreen="true"
type="application/x-shockwave-flash"
pluginspage="http://www.adobe.com/go/getflashplayer"
FlashVars="test=123">
</embed>
</object>
I meet the problem first time, can anyone tell me what exactly cause it?
Is the code(such as in actionscript) side or the html tag missing?
My flash player is 11.0.0 above, and when I try other code( other project), it works fine and can right click with settings.
The project can works but I need to show the setting panel some circumstance.
Nether Crome or FireFox I run the flash cannot have the setting...
Thanks in advance.
I also look the article:Can't Left Click i Flash Players Settings Panel
but I don't have Quick time setup in my computer.
I find the key point of my html that cause the problem!
The html :
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="150" height="150" id="Test">
just need to change the width tag like to be:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="150" id="Test">
I have seen that the setting panel have some 'location' in the middle or what, so if I change the width 'too short', the setting panel cannot be click.
I still don't know the real reason, hope somebody face it can try it.

How do I get a embedded <object> code working?

I want to embed a video on my page, and this comes in a code, but when just simply paste this on my page, it won't work. I've done this before with iframes, and this works instantly. How do I get this code also working?
this is the code
<object width="450" height="237"><param name="movie" value="http://www.traileraddict.com/emd/72497"></param><param name="allowscriptaccess" value="always"><param name="wmode" value="transparent"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.traileraddict.com/emd/72497" type="application/x-shockwave-flash" allowscriptaccess="always" wmode="transparent" width="450" height="237" allowFullScreen="true"></embed></object>
Ok this is working fine for me. Your code is allright

How to display alternate text on iPhone/Android where flash is not supported

I am trying to display alternate text on browsers/devices where flash is not supported.
I have searched different sites and tried different codes but I'm failing to get anything effective.
Code is below, the flash displays animated text:
class="result10435918"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,40,0"
width="595"
height="39"
id="haxe"
align="middle">
<param name="movie" value="logo70644855.swf"/>
<param name="allowScriptAccess" value="always" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="images/homeheader2.swf"
wmode="transparent"
width="595"
height="39"
name="haxe"
quality="high"
allowScriptAccess="always"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"
></embed>
Thanks
Ciaran
Try using an object tag to wrap the flash piece, and inside of it have your fallback text. Setting a width and height in the object tag defines a specific amount of space for the flash to take up. If that flash isn't loaded, it will display what else is inside of the object tag (the fallback text). You can also include images or something else in place of the Fallback Text.
<object type="application/x-shockwave-flash" data="yourmovie.swf" width="400" height="300">
<param name="movie" value="yourmovie.swf" />
Fallback Text Here
</object>

How to scale an embedded flash video and not crop it?

I have embedded a flash video on my website.
I am having the problem that it seems to rescale fine in Firefox on the Mac, but in Firefox in Windows it just crops the video.
Here it my HTML
<object width="650" height="500">
<param name="movie" value="How To Add A Location">
<embed src="http://www.fribblesoft.com/zs-content/How_To_Add_A_Location.swf"
width="650"
height="500"
allowfullscreen="true"
bgcolor="#000000"
scale="tofit"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>
</object>
The problem is going to be with the Flash, not the HTML. The movie is scaled correctly when it first loads, but after a few seconds it changes dimensions. This indicates that the Flash is probably resizing all of the elements dynamically based upon pixel values, rather than relative to the size of the stage.
I think this just might be a property of the Jing video. The following html seems to work for other shockwave files.
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
width="100%"
height="100%">
<param name="movie" value="How_To_Add_A_Location.swf" />
<param name="quality" value="high" />
<param name="scale" value="exactfit" />
<embed src="How_To_Add_A_Location.swf" quality="best" type="application/x-shockwave-flash" width="100%" height="100%" allowfullscreen="true" scale="exactfit" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

How do I get an element to cover a Flash video (tried wmode=transparent)?

I have a Youtube video on my homepage, and now I need a modal to display on certain events.
For some reason, even when adding <param name="wmode" value="transparent"> to the Flash object, it still covers the HTML elements (with higher z-index too).
I've got it on JSfiddle.
I figured maybe an iframe could solve this, but that would require me to make a new page just to put the video on.
Am I doing something wrong?
Thanks
Update
Strangely, this behaviour happens on Windows Firefox and IE8. On Firefox on Mac, it renders fine.
You have both an embed and object. You need to apply the wmode to the embed.
http://jsfiddle.net/zCDVx/2/
<object width="640" height="385">
<param name="movie" value="http://www.youtube.com/v/_-wDuGDtjCc?fs=1&hl=en_GB">
<param name="wmode" value="transparent">
<param name="allowscriptaccess" value="always">
<embed src="http://www.youtube.com/v/_-wDuGDtjCc?fs=1&hl=en_GB" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385" wmode="transparent"></embed>
</object>
You need the wmode both as an object param and as part of the embed to work in all browsers.
<object width="640" height="385">
<param name="movie" value="http://www.youtube.com/v/_-wDuGDtjCc?fs=1&hl=en_GB">
</param>
<param name="wmode" value="transparent"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/_-wDuGDtjCc?fs=1&hl=en_GB" type="application/x-shockwave-flash"
allowscriptaccess="always" allowfullscreen="true" width="640" height="385"
wmode="transparent">
</embed>
</object>
Notice the 2nd to last line.
See it here.