I have the following code:
<object width="1000" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param id="FileNameParam" runat="server" name="src" />
<param name="controller" value="true" />
<embed id="EmbedObj" runat="server" width="1000" autoplay="false" controller="true" scale="aspect" pluginspage="http://www.apple.com/quicktime/download/" type="video/quicktime" />
</object>
As there is no height attribute set for this element, I was expecting the video to fill the width, and the height to be proportion to this (just like an img element).
But instead, the width of the element 1000px, but the actual player (the video and the toolbar) are 100px * 150px.
Why is this?
How can I get the video to fill the width, and the height to be proportional?
Have you noticed, that you yourself have set the width to be 1000? When i tried with no setting, it was just fine..
Related
I have a silverlight object in my HTML page. We have a constraint that the browser should never have a vertical scroll, the entire page should fit in the browser window. As a result, we have given fixed height to the silverlight object element.
<div style="width: 99%; margin-left: 5px;">
<object id="ClaimsGrid" data="data:application/x-silverlight-2," type="application/x-silverlight-2" style="height: 283px; width: 100%;">
<param name="InitParams" value="ControlName=ReviewStockistClaims,ServiceUrl=#Model.ServiceUrl" />
<param name="windowless" value="true"/>
<param name="source" value="#Url.Content("~/ClientBin/ReviewStockistClaims.xap")"/>
<param name="minRuntimeVersion" value="4.0.60129.0" />
<param name="autoUpgrade" value="true" />
<param name="onLoad" value="pluginLoaded" />
</object>
</div>
This is how the plugin looks:
The 'Stockist Claim Details' window is a popup with a datagrid. The user wants us to fit 20 rows in the popup. However, if we increase the height of the popup, its top and bottom get cut off due to the fixed height of the object (283px). Is there any way I can increase the height of the popup such that -
It appears complete, and is not cut off.
The total height of the page doesn't increase.
I want to make a webpage with flash background & want to put html contents on it. It is like instead of having any background color or background image i want animation that i have created in flash. Is it possible to make flash as an html background?
yes you can accomplish this. Just have look at this code & made setting according to your needs..
<div style="position:absolute; z-index:1;">
<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="put width" height="put height">
<param name="movie" value="put your swf file here" />
<param name="quality" value="high" />
<param name="wmode" value="opaque">
<embed src="put your swf file here" quality="high" type="application/x-shockwave-flash" width="put width" height="put width" wmode="opaque" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
<div style="position:relative; z-index:2">
<!-- Here you can add your html content -->
ABCD
</div>
</div>
You would need to create an html object element and play the flash file through that.
I have a div containing a Flash Player:
<div id="player">
<div id="player2">
<object type="application/x-shockwave-flash" data="flash/player_mp3_maxi.swf" height="20" width="25">
<param name="movie" value="flash/player_mp3_maxi.swf">
<param name="bgcolor" value="#e2dcde" />
<param name="FlashVars" value="mp3=file.mp3&showslider=0&autoplay=1&loop=1&width=25">
</object>
</div>
</div>
I need to make the div with id player semitransparent. So I applied the CSS property opacity to it:
#player{
opacity: 0.3;
}
This works in Chrome, FF, IE8. But not in Opera 12.16. I need to make it work in this browser.
In Opera12 opacity isn't applied to the Flash Player. How can I solve it?
You need to add one more parameter to your object, "wmode=opaque". This way:
<param value="opaque" name="wmode">
I have a problem with an flash object. The object is an expanding topbanner, but when retracted, the on mouse over effect still appears on the invisible part of the banner. The code is the following:
<div id="exp_banner" style="width:930px; height:180px; overflow: hidden; position: absolute; z-index: 100;">
<object type="application/x-shockwave-flash" data="test.swf" width="930" height="360">
<param name="movie" value="test.swf">
<param name="allowScriptAccess" value="always" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
</object>
</div>
I have tried to add a style height to the object with an height of 180px, but then the banner scales down.
make position:relative for parent DIV to make overflow work
and keep wmode="transparent" also to overflow work good for flash object
Having an issue with overlaying a png on a vimeo video, seem to have it working on all mac browsers but Firefox, Internet Explorer etc. on Windows seem to ignore it and place it behind.
This is the site example, it's the black 'Download Reel' button: http://www.warface.co.uk/clients/detail-shoppe
Many thanks
HTML
<div class="video-block">
<a class="download-reel left">Download Reel</a>
</div>
CSS
.download-reel {
width:139px;
height:32px;
display:block;
top:-5px;
text-indent: -4000px;
z-index: 11;
position: absolute;
}
and the video embed code:
<object width="720" height="405"><param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=11479633&server=vimeo.com&show_title=0&show_byline=0&show_portrait=0&color=15bedc&fullscreen=1" />
<embed src="http://vimeo.com/moogaloop.swf?clip_id=11479633&server=vimeo.com&show_title=0&show_byline=0&show_portrait=0&color=15bedc&fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="720" height="405">
</embed></object>
By default an object/embed's wmode is "window", meaning it's layered over top of any browser element(s) other than the same elements.
You need to supply a wmode of "opaque" or "transparent", you usually want the latter.
<param name="wmode" value="transparent"> or <embed wmode="transparent"> depending on the element.
Z-index will only work on divs that have been positioned absolute or relative.
Also it sometimes won't work if you use it on the div if the div is nested within another. Try adding z-index and position:relative to the parent div, or the parent of that div.