How to create blank space to replace white in a code - html

Being a relatively new user of flash, I might not use the right "terms" and thus end up confusing you. For that, I apologize in advance. Anyway, I am trying to use this:
http://abowman.com/google-modules/stingray/?edit=true
Widget, as its maker calls it. What I am trying to do is make the background an unspecific amount of blank space - so the the stingray would float over my webpage without obstructing its content. I thought of 2 methods, both of which didn't work;
Change the background image to a large empty .png, and
Simply remove everything that looked background related in the code.
Despite my best, and rather pitiful, efforts, I can get nothing but a big ugly square of white. Any ideas? Oh, here's my code by the way:
<object type="application/x-shockwave-flash" style="outline:none;" data="http://stingraygadget.googlecode.com/svn/trunk/stingray.swf?up_stingrayColor=000000&up_backgroundImage=&up_backgroundColor=FFFFFF&up_stingrayName=Stingray&up_speed=.2&" width="300" height="200">
<param name="movie" value="http://stingraygadget.googlecode.com/svn/ trunk/stingray.swf?up_stingrayColor=000000&up_backgroundImage=http://i.imgur.com/0Id3HHg.png&up_backgroundColor=FFFFFF&up_stingrayName=Stingray&up_speed=.2&"></param>
<param name="AllowScriptAccess" value="always"></param>
<param name="wmode" value="opaque"></param>
<param name="scale" value="noscale"/>
<param name="salign" value="tl"/>
</object>
Thank you!

You can set the background of a flash to tranparent if you wish.
<param name="wmode" value="transparent" />
However this is not supported in all browsers AND I'm not sure if you can do this without saving the .swf-file as a file with transparent background (you should have made it yourself to do this (?))
FYI: isflashdeadyet.com

Related

Auto Play isn't working for swf flash video (weather app)

I may be missing something but I am trying to embed a weather app I found into my website. I am using this as my HTML code:
<div style="width:800px; height:250px;">
<object type="application/x-shockwave-flash" data="http://swf.yowindow.com/yowidget3.swf&autostart=true" width="800" height="250">
<param name="movie" value="http://swf.yowindow.com/yowidget3.swf&autoStart=true"/>
<param name="allowfullscreen" value="true"/>
<param name="wmode" value="opaque"/>
<param name="bgcolor" value="#FFFFFF"/>
<param name="autoPlay" value="true"/>
<param name="flashvars"
value="location_id=gn:5007804&location_name=Royal%20Oak&time_format=12&unit_system=us&background=#FFFFFF&mini_temperature=true&mini_time=true&mini_locationBar=true&mini_action=full_screen&copyright_bar=false;&autostart=true;"
/>
</object>
</div>
Notice how I put the param name = "Autoplay" value="true" line as well as trying to put it in the URL. Am I missing something here?
If I just paste the URL http://swf.yowindow.com/yowidget3.swf into a webbrowser, it auto plays no problem so it must be one of the parameters I have entered wrong.
I have looked many times on StackOverflow for a solution and have entered autoPlay="true" in many spots without any luck.
I tested your shown code and it's working fine (Chrome browser on Windows). Maybe you need to clear browser history & clear any cached files?
It only shows a "click to play" icon if the display width is smaller than 600px. Did you ever have such a smaller setting that is being cached & re-used?
Also regarding data="http://swf.yowindow.com/yowidget3.swf&autostart=true" the &autostart=true is not needed. Please remove it & test again (resave as different filename.html if needed).

Dropdown menu over Flash player

I have a live event site and list of events in a mouse over menu.
The flash streaming player stays in front of the mouse over menu with all versions of IE.
Wmode parameter solved so many people's problem in the past but it does not work in my case. Here is the rendered flash object for player:
<object id="flowplayer" width="100%" height="100%" wmode="transparent" data="http://releases.flowplayer.org/swf/flowplayer-3.2.18.swf" type="application/x-shockwave-flash">
<!-- load configuration from config.js -->
<param name="flashvars" value="config=player.aspx?pID=585&config=1">
<param name="wmode" value="transparent">
<param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.18.swf">
<param name="allowfullscreen" value="true">
</object>
I also tried 'wmode=opaque' and did not work.
I'm making an educated guess since you didn't add the code, but try this:
object{z-index:-1}
.menu{z-index:100}
of course .menu should be changed to the class of your menu, but you'll get the idea

How can I create a thumbnail with TinyMCE's default video embed code?

I'm using TinyMCE to embed an FLV video. Using the default media tool with "Flash" selected in the dropdown for "media type", this code is generated:
<object width="320" height="240"
data="/path/to/tiny_mce/plugins/media/moxieplayer.swf"
type="application/x-shockwave-flash">
<param name="src" value="/path/to/tiny_mce/plugins/media/moxieplayer.swf" />
<param name="flashvars" value="url=/path/to/video.flv&poster=/" />
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="true" />
</object>
It looks like this after saving; white background, invisible until I hover the mouse, then the controls appear:
The video plays fine. I've tried adding an <img> tag inside the <object>, and tried adding the path to an image in the &poster= parameter, but it doesn't appear. I can't use YouTube. It doesn't have to be with TinyMCE, I can hand edit the HTML.
How can I add a thumbnail? (jsFiddle)
hope you have good day-
in the flash codes, you cans set wmode="transparent" and the flahs wite backround willn't be displayed and you can place picture behing where the movies is and set z-index:-1 so when start playing and video cover pucture here i make example for you to see http://jsfiddle.net/YED3A/4/ is ther

Why my embedded video resizes automatically?

this time I have a page which will load different kinds of file formats, well... i use a switch with php to load the correct player according to the filetype. But when I try to load a wmv file, the video automatically grows and exceeds the allowed size that i gave the player... i don't know how to prevent that. Here is my code:
<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" width="480" height="360" codebase="http://www.microsoft.com/Windows/MediaPlayer/">
<param name="Filename" value="files/' . $file . '">
<param name="AutoStart" value="true">
<param name="ShowControls" value="true">
<param name="BufferingTime" value="2">
<param name="ShowStatusBar" value="true">
<param name="AutoSize" value="false">
<param name="InvokeURLs" value="false">
<embed src="files/' . $file . '" type="application/x-mplayer2" autostart="1" enabled="1" showstatusbar="1" showdisplay="1" showcontrols="1" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" CODEBASE="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,0,0,0" width="480" height="360"></embed>
Well, I thought the solution was to change "AutoSize" value, i tried false and true, but it keeps doing it. Any ideas?
Ok, I did some research and i found that it has to do something with the classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" i don't know exactly what it does, but when i changed that to clsid:05589FA1-C356-11CE-BF01-00AA0055595A, the player stopped resizing. The problem is, that for some reason, when it loads whatever information it takes from the microsoft page, it adds the following style to my code: style="WIDTH: 640px; HEIGHT: 549px; TOP: 13px; LEFT: 43px" and also changes the size and width of the video.
Would be nice if someone could help me research this.
Perhaps if you set width: 100% and ensured that any DIV it's in was also 100% that might do the trick. If not, try style="width:100% !important" to override the extra styling code being added.
I use Developer Tools in Chrome (or IE9 or Firebug) to change the styles on the object interactively and see the results immediately.

Whats wrong with this video embed code?

Following embed code is from http://hd.se/landskrona/2010/04/09/kunglig-glans-pa-idrottsgalan/ but it doesn't work in Internet Explorer 8. Firefox no problems.
Any recommendations for improvements?
Thanks for your time!
<object width="480px" height="294px" id="_36313041" data="http://hd.se/static/media/html/flash/video-3/flowplayer.swf" type="application/x-shockwave-flash">
<param name="movie" value="http://hd.se/static/media/html/flash/video-3/flowplayer.swf" />
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="flashvars" value='config={"key":"$3fff7448b28a8cffc85","contextMenu":["hd.se videospelare 1.0"],"plugins":{"rtmp":{"url":"http://hd.se/static/media/html/flash/video-3/flowplayer.rtmp.swf"},"controls":{"height":24,"opacity":1,"all":false,"play":true,"time":true,"scrubber":true,"playlist":false,"mute":true,"volume":true,"fullscreen":true,"backgroundColor":"#222222","backgroundGradient":"none","buttonColor":"#7c7c7c","buttonOverColor":"#36558b","progressColor":"#7c7c7c","bufferColor":"#7c7c7c","timeColor":"#ffffff","durationColor":"#ffffff","timeBgColor":"#222222","scrubberHeightRatio":0.5,"scrubberBarHeightRatio":0.5,"volumeSliderHeightRatio":0.5,"volumeBarHeightRatio":0.5,"autoHide":"fullscreen","hideDelay":1800,"tooltips":{"buttons":true,"play":"Spela","pause":"Paus","next":"Nästa","previous":"Föregående","mute":"Ljud av","unmute":"Ljud på","fullscreen":"Fullskärmsläge","fullscreenExit":"Lämna fullskärmsläge"},"tooltipColor":"#153872","tooltipTextColor":"#ffffff"},"contentIntro":{"url":"http://hd.se/static/media/html/flash/video-3/flowplayer.content.swf","top":0,"width":736,"border":"none","backgroundColor":"#202020","backgroundGradient":"none","borderRadius":"none","opacity":"85pct","display":"none","closeButton":true}},"canvas":{"backgroundColor":"#000000","backgroundGradient":"none"},"play":{"replayLabel":"Spela igen"},"screen":{"bottom":24},"clip":{"scaling":"fit","autoPlay":true},"playlist":[{"provider":"rtmp","netConnectionUrl":"rtmp://fl0.c06062.cdn.qbrick.com/06062","url":"ncode/hdstart","autoPlay":false,"scaling":"fit"},{"url":"http://hd.se/multimedia/archive/00425/_kunligglans_HD_VP6_425359a.flv","scaling":"fit","autoPlay":true},{"provider":"rtmp","netConnectionUrl":"rtmp://fl0.c06062.cdn.qbrick.com/06062","url":"ncode/hdstopp","autoPlay":true,"scaling":"fit"}]}' />
</object>
UPDATE 2010-05-14:
If I'm not mistaken HD.se uses Flowplayer and all those flasvars are for that. Perhaps someone here is good with Flowplayer? I've never used it myself.
You cannot have 'px' in the width and height attributes, only a number. Also IDs cannot start with an underscore, they can only start with a letter.
So your code should start <object width="480" height="294" id="f_36313041". However, if the ID is used for anything you may have to change external code somewhere.
Have you double-checked the value of "flashvars" too? It's an incredibly long and complex string so there could easily be an error there somewhere.
You should not create object/embed tags directly to embed Flash. Always use an external JS file to generate the required tags. SWFObject is the most widely used one.
http://en.wikipedia.org/wiki/SWFObject
Info on why you want to use an external JS file:
http://blog.deconcept.com/2005/12/15/internet-explorer-eolas-changes-and-the-flash-plugin/