Is it possible to stretch video in video.js flash player? - html

I'm using video.js (v 4.3.0) with flash player on internet explorer.
How can i stretch the video to container area like in this example http://www.aleosoft.com/flashtutorial_autofitexample.html?
I've tried some modification on video.dev.js file to add <PARAM NAME="SCALE" VALUE="exactfit"> on generated flash object. And also i've changed the wmode from opaque to transparent like in the example page code. Modified video.js generates the flash player as below and still not stretching.
<object width="100%" height="100%" class="vjs-tech" name="video_1_flash_api" id="video_1_flash_api" data="video-js.swf" type="application/x-shockwave-flash" style="display: block;">
<param value="video-js.swf" name="movie">
<param value="readyFunction=videojs.Flash.onReady&eventProxyFunction=videojs.Flash.onEvent&errorEventProxyFunction=videojs.Flash.onError&autoplay=true&preload=auto&loop=undefined&muted=undefined&src=http%3A%2F%2Flocalhost%2Fh5mp%2F_html%2F1.html&" name="flashvars">
<param value="exactfit" name="scale">
<param value="always" name="allowScriptAccess">
<param value="all" name="allowNetworking">
<param value="transparent" name="wmode">
</object>

Related

.swf file not displaying on website

I need help embedding a .swf file onto my website. I have tried all kinds of code combinations. Here's what I currently have.
<div class="article_top_img">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" >
<param name="movie" value="myfile.swf">
<param name="quality" value="high">
<param name="wmode" value="opaque">
<embed src="myfile.swf" quality="high" wmode="opaque" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="550" height="310"></embed>
</object>
</div>
At the moment it's simply displaying the outline of the video.
I've just tried to embed a swf file to HTML file with Adobe Dreamweaver application. Name of the swf file is t0.swf, it's located on the Desktop. It generated this code block:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="400" id="FlashID" title="swf file">
<param name="movie" value="../Desktop/t0.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="7.0.70.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="../Desktop/t0.swf" width="550" height="400">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="7.0.70.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
I've tried to view this html file with Google Chrome(version 30.0.1599.66 m), Mozilla Firefox (Version 24.0), Internet Explorer (Version 8) and Opera(Version 11.51). They all opened that html fine, swf animation starts playing just after opening the html. Also I've tried your code:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" >
<param name="movie" value="../Desktop/t0.swf">
<param name="quality" value="high">
<param name="wmode" value="opaque">
<embed src="../Desktop/t0.swf" quality="high" wmode="opaque" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="550" height="310"></embed>
</object>
It also worked fine, except that internet explorer showed the swf animation a little bit smaller, but it worked. May be you should check your flash player plugin.

wmode=transparent lightens the gray color in swf

I am using lightbox++ to load images outside of flash in order to make that work I have to set
wmode=transparent
in the object properties
But doing this lightens the gray color used in the swf..
Without adding wmode=transparent
Screenshot with wmode=transparent
Can anybody explain this behavior?
here is the whole code
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" style="display: block" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="100%" height="100%;">
<param name="movie" value="site.swf">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="allowscriptaccess" value="always" />
<param name="wmode" value="transparent" />
<param name="allowFullScreen" value="true">
<embed src="site.swf" allowfullscreen="true" wmode="transparent" menu="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100%" height="100%">
Ok I found a hint to the solution on this page
this is what i had done to fix the issue
wmode="opaque"
(by default the swf is set to be on top of all thus we have to use wmode to decide how we want to diplay the swf)
http://kb2.adobe.com/cps/127/tn_12701.html

Flash .swf file not looping

I have a .swf file that is not looping although I have added the parameter to do so. It plays just the once, and at the end of the video it stops instead of looping.
Can someone tell me what I might be doing wrong here?
<div id="video">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="211" height="316" id="FLVPlayer" style="visibility: visible; ">
<param name="movie" value="FLVPlayer_Progressive.swf">
<param name="quality" value="best">
<param name="wmode" value="opaque">
<param name="scale" value="noscale">
<PARAM NAME="loop" VALUE="true">
<param name="salign" value="lt">
<param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Clear_Skin_2&skinAutoHide=true&streamName=ScreenOnlyDemo&autoPlay=true&loop=true">
<param name="swfversion" value="8,0,0,0">
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don't want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf">
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="FLVPlayer_Progressive.swf" width="211" height="316">
<!--<![endif]-->
<param name="quality" value="best">
<param name="wmode" value="opaque">
<PARAM NAME="loop" VALUE="true">
<param name="scale" value="noscale">
<param name="salign" value="lt">
<param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Clear_Skin_2&skinAutoHide=true&streamName=ScreenOnlyDemo&autoPlay=true&loop=true">
<param name="swfversion" value="8,0,0,0">
<param name="expressinstall" value="Scripts/expressInstall.swf">
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div><!-- video end -->
It depends on what did you set in your Flash file (FLA). By default, a Flash file loops when it reaches the last frame.
FYI, to stop the loop, add a stop(); in the ActionScript at the end frame. Valid for ActionScript 1-3.

Display HTML elements overtop embedded QuickTime

I have a site where a jQuery dialog is used to show videos in a modal frame.
I would like to be able to rest the close button so that it partially covers the embedded QuickTime object, much like the modal frame in this picture:
http://ajaxdump.com/wp-content/uploads/2009/08/MooTools_SqueezeBox-Expandable-Lightbox-308x400.gif
QT always renders above any other element.
I've looked around for solutions, but I've had little luck with it. Is this even possible? Or should I just give up hope now?
You need to adjust the wmode parameter of the Quicktime object to "transparent" in order for it to display beneath other content.
You'd want to set it up like this in your HTML:
<object width="500" height="250" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab"
id="video_object" style="behavior:url(#qt_event_source);" class="plugin" >
<param name="src" value="whatever.png">
<param name="autoplay" value="false">
<param name="postdomevents" value="true">
<param name="wmode" value="transparent">
<param name="controller" value="false">
<param name="scale" value="tofit">
<embed id="video_embed" class="plugin"
type="video/quicktime" src="whatever.png"
wmode="transparent" postdomevents="true" controller="false" scale="tofit" >
</embed>
</object>
Have a look at this demo.

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.