I have a flash video loading in a modal window. It works in others browsers but not Firefox. Firefox opens the modal window to the correct width of the object, but with no height. I have come to learn that Firefox does not recognize <param> and instead uses the data attribute. However, when I remove this attribute, the modal opens with correct height. What is going on? Here is the code the modal window loads:
<object width="720" height="520" type="application/x-shockwave-flash" data="proxymovie.SWF?file=proxymovie.MP4">
<param name="movie" value="proxymovie.SWF?file=proxymovie.MP4" />
<img src="images/poster.png" width="720" height="480" alt="" title="Download the video below" />
</object>
Firefox ignores object and uses embed. Do you have the height set on the embed tag?
I tried embed earlier to no avail.
<object width="720" height="520" type="application/x-shockwave-flash" data="proxymovie.SWF?file=proxymovie.MP4">
<param name="movie" value="proxymovie.SWF?file=proxymovie.MP4" />
<embed src="proxymovie.swf?file=proxymovie.mp4" width="720" height="520" />
I should clarify that the flash video is there and I can scroll down, but it only shows a sliver of the top in the modal window.
Related
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
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>
I am using this code to link an embedded .swf file to another page inside an iframe :
<div onmousedown="window.location.href='http://www.pagewhichopens.com'" height=26 width=100>
<object height=26 width=100>
<param name="movie" value="http://www.bcd.com/embeddedfile.swf">
<param name="wmode" value="transparent" />
<embed wmode=transparent allowfullscreen="true" allowscriptaccess="always" src="http://www.bcd.com/embeddedfile.swf" height=26 width=100></embed>
</object>
</div>
But when I cick on the swf the another page opens inside that iframe only which I don't want, I want it to open in the whole browser... which can be done by inserting target="_parent", but where should I put it?
Use top.location to set the location of the top frame or parent.location for the immediate parent. window refers to the current context (inside the frame).
To open some link in a new tab use target="_blank" to achieve this
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 do I resize an embed tag (like how one can resize an img tag)?
Example:
<embed src="1.mp4" width="1280" height="1024" />
This works fine because the original is 1280 x 1024. But if I
<embed src="1.mp4" width="640" height="512" />
Then it crops the movie rather than sizing it.
Is it possible to resize an embedded .mov?
You need the scale="tofit" attribute at the end of your embed tag.
<embed src="1.mp4" width="640" height="512" scale="tofit"/>
In IE 7, 8 when using Quicktime you should add:
<param name="SCALE" VALUE="aspect" >
Otherwise the video will be cropped.