Autostart not working for video html - html

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>

Related

How to play .swf through HTML code

I have a swf named "client.swf" on my desktop, and I want to add it to my website so people can play the .swf on there, but the website only accepts HTML content, and not .swf, whats an html code I can use for it to load the .swf from my desktop? or another way of doing it?
you can use <object> </object> tag and also use the <iframe></iframe>
<iframe src="client.swf" width="200" heigt="200"></iframe>
<object width="500" height="500">
<param name="media" value="client.swf">
<embed src="client.swf" width="500" height="500">
</embed>
</object>
SWF into a HTML page is to use swfobject
Just example
<object width="100" height="100">
<param name="movie" value="my.swf">
<embed src="my.swf" width="100" height="100">
</embed>
</object>

video file is not working properly in html media player

I have some video files of format avi,mp4,flv. I am trying to run those in my html page. I used video tag. But by using video tag only mp4 file is running and all controls(start,pause,volume) are visible. Again I am trying to integrate by embed tag. But there videos are running but automatically and no controls like start,stop,pause,volume are not visible.
My code is like:
By video tag:
<video width="200" height="100" controls>
<source src="http://localhost/hk_v2/superadmin/gallery/video/Fiza-2.avi">
</video>
(this is not running at all)
<video width="200" height="100" controls>
<source src="http://localhost/hk_v2/superadmin/gallery/video/test.mp4">
</video>
(this is running properly with all controls)
By embed tag
<object id="MediaPlayer1" CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"
standby="Loading Microsoft Windows® Media Player components..." type="application/x-oleobject" width="890" height="500">
<param name="fileName" value="http://localhost/hk_v2/superadmin/gallery/video/Fiza-2.avi">
<param name="animationatStart" value="true">
<param name="transparentatStart" value="true">
<param name="autoStart" value="true">
<param name="showControls" value="false">
<param name="Volume" value="-450">
<embed type="application/x-mplayer2"
pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="http://localhost/hk_v2/superadmin/gallery/video/Fiza-2.avi"
name="MediaPlayer1" width=890 height=500 autostart=1 showcontrols=0 volume=-450>
</object>
(working but starting automatically and no controls over video).
Please help me how to resolve this issue.
Thanks in advance.
try html plugin for it download the files for it click here
step 1 : extract it in a folder. for ex.name a folder "html5plug".
step 2 :include this in your html
<link href="video-js/video-js.css" rel="stylesheet">
<script src="video-js/video.js"></script>
Note : you should create your html in the "html5plug" folder or you have set the src
yourself
step 3 : Add an HTML5 video tag to your page
click here check the demo on jsfiddle
Note : you must check your video links too.
first , you can try the classid like classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6"
then we can control the video by javascript like below:
var wmp = $('object')[0];
wmp.controls.play() //play
wmp.controls.stop() //stop
wmp.controls.pause() //pause
You need to set the parameters to the correct values.
With the 3rd option change these values:
<param name="autoStart" value="false">
<param name="showControls" value="true">

overlay opaque div over gametrailers iframe

Recently gametrailers changed their embed code from:
<embed width="960" height="540" src="http://media.mtvnservices.com/mgid:moses:video:gametrailers.com:722265" quality="high" bgcolor="000000" name="efp" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="autoPlay=false" allowfullscreen="true"></embed>
to
<iframe src="http://media.mtvnservices.com/embed/mgid:arc:video:gametrailers.com:0a115b6c-2d82-4a8c-b08b-4b6975e4c0dc" width="960" height="540" frameborder="0"></iframe>
The new embed code is just like the youtube iframe, and it overlays my lightbox.
With the old embed code I was able to add a wmode parameter and make it stay below the div:
<embed wmode="opaque" width="960" height="540" src="http://media.mtvnservices.com/mgid:moses:video:gametrailers.com:722265" quality="high" bgcolor="000000" name="efp" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="autoPlay=false" allowfullscreen="true"></embed>
But the new code does not allow me to do anything to keep the iframe below, does anyone know of a solution to this or some hidden parameter that I missed?
Temporary solution
This is the old url to embed:
http://media.mtvnservices.com/mgid:moses:video:gametrailers.com:722265
This is the new url in the iframe:
http://media.mtvnservices.com/embed/mgid:arc:video:gametrailers.com:0a115b6c-2d82-4a8c-b08b-4b6975e4c0dc
As a temporary solution I change the iframe url to this undefined URL that I found by randomly tweaking the iframe url and embed this instead of using the iframe:
http://media.mtvnservices.com/mgid:arc:video:gametrailers.com:0a115b6c-2d82-4a8c-b08b-4b6975e4c0dc
It looks like this:
<embed wmode="opaque" width="550" height="350" src="http://media.mtvnservices.com/mgid:arc:video:gametrailers.com:0a115b6c-2d82-4a8c-b08b-4b6975e4c0dc" quality="high" bgcolor="000000" name="efp" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="autoPlay=false" allowfullscreen="true"></embed>

Youtube embed code custom width and height

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 to scale an embedded flash video and not crop it?

I have embedded a flash video on my website.
I am having the problem that it seems to rescale fine in Firefox on the Mac, but in Firefox in Windows it just crops the video.
Here it my HTML
<object width="650" height="500">
<param name="movie" value="How To Add A Location">
<embed src="http://www.fribblesoft.com/zs-content/How_To_Add_A_Location.swf"
width="650"
height="500"
allowfullscreen="true"
bgcolor="#000000"
scale="tofit"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>
</object>
The problem is going to be with the Flash, not the HTML. The movie is scaled correctly when it first loads, but after a few seconds it changes dimensions. This indicates that the Flash is probably resizing all of the elements dynamically based upon pixel values, rather than relative to the size of the stage.
I think this just might be a property of the Jing video. The following html seems to work for other shockwave files.
<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="100%"
height="100%">
<param name="movie" value="How_To_Add_A_Location.swf" />
<param name="quality" value="high" />
<param name="scale" value="exactfit" />
<embed src="How_To_Add_A_Location.swf" quality="best" type="application/x-shockwave-flash" width="100%" height="100%" allowfullscreen="true" scale="exactfit" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>