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©right_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).
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
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
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.
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/