overlay opaque div over gametrailers iframe - html

Recently gametrailers changed their embed code from:
<embed width="960" height="540" src="http://media.mtvnservices.com/mgid:moses:video:gametrailers.com:722265" quality="high" bgcolor="000000" name="efp" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="autoPlay=false" allowfullscreen="true"></embed>
to
<iframe src="http://media.mtvnservices.com/embed/mgid:arc:video:gametrailers.com:0a115b6c-2d82-4a8c-b08b-4b6975e4c0dc" width="960" height="540" frameborder="0"></iframe>
The new embed code is just like the youtube iframe, and it overlays my lightbox.
With the old embed code I was able to add a wmode parameter and make it stay below the div:
<embed wmode="opaque" width="960" height="540" src="http://media.mtvnservices.com/mgid:moses:video:gametrailers.com:722265" quality="high" bgcolor="000000" name="efp" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="autoPlay=false" allowfullscreen="true"></embed>
But the new code does not allow me to do anything to keep the iframe below, does anyone know of a solution to this or some hidden parameter that I missed?

Temporary solution
This is the old url to embed:
http://media.mtvnservices.com/mgid:moses:video:gametrailers.com:722265
This is the new url in the iframe:
http://media.mtvnservices.com/embed/mgid:arc:video:gametrailers.com:0a115b6c-2d82-4a8c-b08b-4b6975e4c0dc
As a temporary solution I change the iframe url to this undefined URL that I found by randomly tweaking the iframe url and embed this instead of using the iframe:
http://media.mtvnservices.com/mgid:arc:video:gametrailers.com:0a115b6c-2d82-4a8c-b08b-4b6975e4c0dc
It looks like this:
<embed wmode="opaque" width="550" height="350" src="http://media.mtvnservices.com/mgid:arc:video:gametrailers.com:0a115b6c-2d82-4a8c-b08b-4b6975e4c0dc" quality="high" bgcolor="000000" name="efp" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="autoPlay=false" allowfullscreen="true"></embed>

Related

How to put Youku video on my wordpress site?

I already tried various plugin, none of those works...please help, thanks
The code that able to display Youtube video is this: (replacing the youtube link with youku is not working obviously)
[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width="1/4"][/vc_column_inner][vc_column_inner width="1/2"][vc_video link="https://youtu.be/CC0oCjTJAMg"][/vc_column_inner][vc_column_inner width="1/4"][/vc_column_inner][/vc_row_inner][vc_row_inner css=".vc_custom_1529069482532{margin-top: 20px !important;border-top-width: 20px !important;padding-top: 20px !important;}"][vc_column_inner width="1/2"][vc_single_image image="19894" img_size="full" css_animation="left-to-right"][/vc_column_inner][vc_column_inner width="1/2"][vc_column_text css_animation="right-to-left"]
First, you wanna copy the html code from youku’s share function:
<embed src="http://player.youku.com/player.php/sid/XNDYwMTEzMTY0/v.swf" allowFullScreen="true" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>
Then, take the url and convert to the following:
[gigya src="http://player.youku.com/player.php/sid/XNDYwMTEzMTY0/v.swf" allowFullScreen="true" quality="high" width="480" height="400" allowScriptAccess="always" ]
You can change the width and height as well as the other attributes

How to play .swf through HTML code

I have a swf named "client.swf" on my desktop, and I want to add it to my website so people can play the .swf on there, but the website only accepts HTML content, and not .swf, whats an html code I can use for it to load the .swf from my desktop? or another way of doing it?
you can use <object> </object> tag and also use the <iframe></iframe>
<iframe src="client.swf" width="200" heigt="200"></iframe>
<object width="500" height="500">
<param name="media" value="client.swf">
<embed src="client.swf" width="500" height="500">
</embed>
</object>
SWF into a HTML page is to use swfobject
Just example
<object width="100" height="100">
<param name="movie" value="my.swf">
<embed src="my.swf" width="100" height="100">
</embed>
</object>

Autostart not working for video html

I am using tag to display my video on the page. When the page is loaded, the video gets started automatically.
To prevent this , I use autostart="false". But no Luck.
My code :
<embed style="max-width:180px; max-height:135px;" src="url" autostart="false" loop="true">
Can anyone help me with it?
If it is an strictly an embed, usually you just have to put autostart="false" within the embed tag.
EXAMPLE:
<embed autostart="false">
If it is an object (which is recommended), you will want to use a param.
EXAMPLE:
<object width="160" height="144">
<param name="autoplay" value="false">
<embed src="sample.mov" width="160" height="144" autoplay="false" controller="false"
</embed>

Youtube embed code custom width and height

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>

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>