Is it actually impossible to remove the UI controls from this embedded video?
http://www.w3schools.com/html/tryit.asp?filename=tryhtml_objectmplayer
<param showcontrols="false">
<param uiMode="invisible">
...showcontrols="false"...
does not hide the controls - contrary to natural english meaning of "show controls"
EDIT: --THE FOLLOWING WORKS & IS CROSS-BROWSER (until IE10)...
EDIT2: --BUT THE FOLLOWING ALSO SEEMS TO CAUSE NEVER-ENDING-SENDRESPONSE-STATUS WORKER PROCESSES (SEE https://stackoverflow.com/questions/16790199/iis7-5-wmv-requests-cause-many-workerprocesses-in-never-ending-sendresponse-stat)
<!--[if IE]>
<object id="MediaPlayer" style="height:100%" classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" standby="Loading Windows Media Player components..." type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112">
<param name="filename" value="3d.wmv" />
<param name="Showcontrols" value="false" />
<param name="autoStart" value="True" />
<param name="wmode" value="transparent" />
</object>
<![endif]-->
<!--[if !IE]><!-->
<object id="mediaplayer" type="application/x-ms-wmp" data="3d.wmv" width="100%" height="80%">
<param name="src" value="3d.wmv" valuetype="ref" type="3d.wmv">
<param name="autoStart" value="1">
<param name="ShowControls" value="0">
<param name="Showcontrols" value="false" />
<param name="autoStart" value="True" />
<param name="wmode" value="transparent" />
<param name="ShowDisplay" value="0">
<param name="ShowStatusBar" value="0">
<param name="playcount" value="10">
<param name="autoRewind" value="1">
<param name="displaysize" value="0">
<param name="stretchtofit" value="1">
<param name="enableContextMenu" value="0">
<param name="uiMode" value="none">
<embed type="application/x-mplayer2" src="3d.wmv" width="100%" height="100%" autostart="true" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"></embed>
</object>
<!--<![endif]-->
Taking your W3Schools example code -
<!DOCTYPE html>
<html>
<body>
<object width="100%" height="100%"
type="video/x-ms-asf" url="3d.wmv" data="3d.wmv"
classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<param name="url" value="3d.wmv">
<param name="filename" value="3d.wmv">
<param name="autostart" value="1">
<param name="uiMode" value="full">
<param name="autosize" value="1">
<param name="playcount" value="1">
<embed type="application/x-mplayer2" src="3d.wmv" width="100%" height="100%" autostart="true" showcontrols="true" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"></embed>
</object>
</body>
</html>
Change
<embed... showcontrols="true"...
to
<embed... showcontrols="false"...
Related
Two, maybe, simple questions:
1. I'm trying to get the end of my video with the function onended and don't works because I have an <object> like:
<object width="100%" height="100%" id="player_api" data="https://my-url.com" type="application/x-shockwave-flash"></object>
2. I have my params but If I add <param name="autoPlay" value="true"> and <param name="autoStart" value="true"> it doesn't autoplay anyway....
Thanks all.
EDIT:
This is my full object:
<object width="100%" height="100%" id="player_api" data="https://my-url.com" type="application/x-shockwave-flash">
<param name="allowscriptaccess" value="always">
<param name="quality" value="high">
<param name="bgcolor" value="#000000">
<param name="flashvars" value="config={"playlist":[{"url":"https://medialibrary-diretteweb-it.s3.amazonaws.com/advert/spot_crsa_40sec.mp4","autoPlay":false}],"clip":{"autoPlay":false},"plugins":{"controls":{"url":"https%3A//adserver.tigicongress.com/revive/www/delivery/fc.php%3Fscript%3DdeliveryLog%3AvastServeVideoPlayer%3Aplayer%26file_to_serve%3Dflowplayer/3.1.1/flowplayer.controls-3.1.1.swf"}},"playerId":"player"}">
<param name="autoPlay" value="true">
<param name="autoStart" value="true">
<param name="ShowControls" value="false">
</object>
EDIT 2: My second question I have figure out by myself, I'm still stuck at the first one.
<object onended="myFunction()" width="400" height="250" id="player_api" data="https://www.quirksmode.org/html5/videos/big_buck_bunny.mp4">
<param name="allowscriptaccess" value="always">
<param name="quality" value="high">
<param name="bgcolor" value="#000000">
<param name="autoplay" value="true">
<param name="ShowControls" value="true">
</object>
I'm stack with a html code for video. I need to display 4 video in one page, the problem that they start at the same time. I've tried the autoplay=false in the embed and param balises. It continue to start at the same time and I have Four audio/video flow when I display the page, that's very incovenient.
I obtain this code from the site who provide these video and I have no other to access to these video...
<object id="flashObj" width="480" height="270" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,47,0">
<param name="movie" value="http://" />
<param name="bgcolor" value="#FFFFFF" />
<param name="flashVars" value="videoId=4565607515001&linkBaseURL=http...html&playerID=1225340306001&playerKey=AQ~~,AAAAzBCHAyE~,4dQGL3-Dcc6XwcfI5g-30keqabkKeAfs&domain=embed&dynamicStreaming=true" />
<param name="base" value="http://admin.brightcove.com" /><param name="seamlesstabbing" value="false" />
<param name="allowFullScreen" value="true" />
<param name="swLiveConnect" value="true" />
<param name="allowScriptAccess" value="always" />
<embed src="http://c.brightcove.com/services/viewer/federated_f9?isVid=1&isUI=1" bgcolor="#FFFFFF" flashVars="videoId=4565607515001&linkBaseURL=http...html&playerID=1225340306001&playerKey=AQ~~,AAAAzBCHAyE~,4dQGL3-Dcc6XwcfI5g-30keqabkKeAfs&domain=embed&dynamicStreaming=true" base="http://admin.brightcove.com" name="flashObj" width="480" height="270" seamlesstabbing="false" type="application/x-shockwave-flash" allowFullScreen="true" allowScriptAccess="always" swLiveConnect="true" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</embed>
</object>
I guess the variables name are CaSe SenSitive, you should try autoPlay=false, i.e.:
flashVars="videoId=4565607515001&linkBaseURL=http...html&playerID=1225340306001&playerKey=AQ~~,AAAAzBCHAyE~,4dQGL3-Dcc6XwcfI5g-30keqabkKeAfs&domain=embed&dynamicStreaming=true&autoPlay=false
UPDATE:
After setting:
<param name="swLiveConnect" value="false" />
The video doesn't auto-play anymore, here's the full code I've used:
<object id="flashObj" width="480" height="270" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,47,0">
<param name="movie" value="http://c.brightcove.com/services/viewer/federated_f9?isVid=1&isUI=1&autoStart=false" />
<param name="bgcolor" value="#FFFFFF" />
<param name="autoStart" value="false" />
<param name="flashVars" value="videoId=4565606700001&linkBaseURL=http%3A%2F%2Fbfmbusiness.bfmtv.com%2Fmediaplayer%2Fvideo%2Folivier-delamarche-vs-laurent-berrebi-22-d-un-point-de-vue-fondamental-la-phase-haussiere-en-zone-euro-va-se-poursuivre-1910-665043.html&playerID=1225340306001&playerKey=AQ~~,AAAAzBCHAyE~,4dQGL3-Dcc6XwcfI5g-30keqabkKeAfs&domain=embed&dynamicStreaming=false" />
<param name="base" value="http://admin.brightcove.com" />
<param name="seamlesstabbing" value="false" />
<param name="allowFullScreen" value="true" />
<param name="autoStart" value="false" />
<param name="swLiveConnect" value="false" />
<param name="allowScriptAccess" value="always" />
<embed src="http://c.brightcove.com/services/viewer/federated_f9?isVid=1&isUI=1&autoStart=false" bgcolor="#FFFFFF" flashVars="videoId=4565606700001&linkBaseURL=http%3A%2F%2Fbfmbusiness.bfmtv.com%2Fmediaplayer%2Fvideo%2Folivier-delamarche-vs-laurent-berrebi-22-d-un-point-de-vue-fondamental-la-phase-haussiere-en-zone-euro-va-se-poursuivre-1910-665043.html&playerID=1225340306001&playerKey=AQ~~,AAAAzBCHAyE~,4dQGL3-Dcc6XwcfI5g-30keqabkKeAfs&domain=embed&dynamicStreaming=false" base="http://admin.brightcove.com" name="flashObj" width="480" height="270" seamlesstabbing="false" type="application/x-shockwave-flash" allowFullScreen="true" allowScriptAccess="always" swLiveConnect="false" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed>
</object>
Some advise please.
I have a FLA in CS5 using AS3 and I can get Query String to work to pass variables but not FlashVars (I am not trying to use them both at the same time).
I have HTML below that adds the SWF:
<!-- Extract from http://www.[domain]/flash.html -->
<div id="flashContent">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="700" height="600" id="SWF" align="middle">
<param name="movie" value="http://[subdomain].[domain]/swf.swf?var1=var1value"> <!-- This is working -->
<param name="FlashVars" value="var1=var1value"> <!-- This is NOT working -->
<param name="quality" value="high">
<param name="bgcolor" value="#ffffff">
<param name="play" value="true">
<param name="loop" value="true">
<param name="wmode" value="window">
<param name="scale" value="showall">
<param name="menu" value="true">
<param name="devicefont" value="false">
<param name="salign" value="">
<param name="allowScriptAccess" value="sameDomain">
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="http://[subdomain].[domain]/swf.swf?var1=var1value" width="700" height="600">
<param name="movie" value="http://[subdomain].[domain]/swf.swf?var1=var1value"> <!-- This is working -->
<param name="FlashVars" value="var1=var1value"> <!-- This is NOT working -->
<param name="quality" value="high">
<param name="bgcolor" value="#ffffff">
<param name="play" value="true">
<param name="loop" value="true">
<param name="wmode" value="window">
<param name="scale" value="showall">
<param name="menu" value="true">
<param name="devicefont" value="false">
<param name="salign" value="">
<param name="allowScriptAccess" value="sameDomain">
<!--<![endif]-->
<a href="http://www.adobe.com/go/getflash">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player">
</a>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
In the FLA I have the following:
try {
flashVars = LoaderInfo(this.root.loaderInfo).parameters;
}catch (error:Error) {
errorBox.appendText(error.toString());
}
I then use the passed information by using:
flashVars.var1;
As noted in the comments in the HTML <param name="movie" value="http://[subdomain].[domain]/swf.swf?var1=var1value"> works but <param name="FlashVars" value="var1=var1value"> does not.
My understanding is that <param name="FlashVars" value="var1=var1value"> is considered better practise. Is this the case and why, but more importantly can anyone tell me why it is not working?
So I have a flash site and I am curious why it is not working in Chrome. The site works great for Safari, Firefox, and IE. Just won't work in Chrome. Well below is the code and any help is necessary. Also can you explain why it doesn't work?
<div id="flashContent">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="750" height="470" id="mariocoded" align="middle">
<param name="movie" value="mariocoded.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="window" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="mariocoded.swf" width="750" height="470">
<param name="movie" value="mariocoded.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="window" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />
<!--<![endif]-->
<a href="http://www.adobe.com/go/getflash">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
</a>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
You have two nested <object> tags instead of <object> and <embed>. Chrome, Safari and FF all use <embed>, so it's actually surprising the player runs in FF and Safari at all.
replace all that code with just this single line of code and it should work in all browsers...
<embed src="mariocoded.swf" width="750" height="470" />
I had a similar problem...if I took away the param name="movie" from the outer object it worked for me (but of course not in IE so you have to selectively show it for IE). I think chrome gets confused and recognizes the movie parameter but instead of ignoring it, it decides that it just won't show anything.
Another interesting thing is that if you open up the developer tools for google chrome (using your original code) you can mouseover the html flashContent div and the flash file will appear. It's like it's there underneath but the movie parameter screws it up.
Hope this helps.
Kevin
Kevin you got it - If you inspect the flash element using Chrome's element inspector, edit as html and remove the name=movie it will display so the conditional comments should work wonders
You may try like this, as i am also using Flash in Chrome but for that i have used Both as here
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="1000" height="250" id="FlashVars_AS2" align="middle">
<param name="movie" value="MuShagPlayer.swf" />
<param name="quality" value="low" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="window" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="always" />
<param name=FlashVars value="surl=http://www.mp3hungama.com/music/audio/Indian/Indian%20Movies/3G%20(2013)/songs/Kaise%20Bataaoon%20#%20Mp3HunGama.Com.mp3&waveform=${waveform}&tle=${songTitle}&sId=${songId}" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="MuShagPlayer.swf" width="1000" height="250">
<param name="movie" value="MuShagPlayer.swf" />
<param name="quality" value="low" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="window" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="always" />
<param name=FlashVars value="surl=http://www.mp3hungama.com/music/audio/Indian/Indian%20Movies/3G%20(2013)/songs/Kaise%20Bataaoon%20#%20Mp3HunGama.Com.mp3&waveform=${waveform}&tle=${songTitle}&sId=${songId}" />
<a href="http://www.adobe.com/go/getflash">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
</a>
</object>
</object>
May you can edit
from:
<param name="play" value="true" />
became:
<param name="autoplay" value="true" />
i have try it and then successed.
I am having a problem. I embed WMP in my page, and I need to hide buttons from player. I make it to hide them in IE and FF, but I can't make it happen in Google Chrome.
Here is the code
<object id="MediaPlayer1" width="690" height="500" 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"
>
<param name="FileName" value='<%= GetSource() %>' />
<param name="AutoStart" value="True" />
<param name="DefaultFrame" value="mainFrame" />
<param name="ShowStatusBar" value="0" />
<param name="ShowPositionControls" value="0" />
<param name="showcontrols" value="0" />
<param name="ShowAudioControls" value="0" />
<param name="ShowTracker" value="0" />
<param name="EnablePositionControls" value="0" />
<!-- BEGIN PLUG-IN HTML FOR FIREFOX-->
<embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"
src='<%= GetSource() %>' align="middle" width="600" height="500" defaultframe="rightFrame"
id="MediaPlayer2" />
</object>
and in the JS in a method i do
var player = document.getElementById("MediaPlayer2");
player.uiMode="none";
to hide buttons in FF, but seems that not work for Chrome.
Totally crossbrowser:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title></title>
</head>
<body>
<table border="0" width="600" height="500" cellpadding="0" cellspacing="0">
<tr>
<td width="500" height="500">
<!--[if !IE]> <-->
<object id="mediaplayer" type="application/x-ms-wmp" data="video.wmv" width="500" height="500">
<param name="src" value="video.wmv" valuetype="ref" type="video.wmv">
<param name="animationatStart" value="1">
<param name="transparentatStart" value="1">
<param name="autoStart" value="1">
<param name="ShowControls" value="0">
<param name="ShowDisplay" value="0">
<param name="ShowStatusBar" value="0">
<param name="playcount" value="10">
<param name="autoRewind" value="1">
<param name="displaysize" value="0">
<param name="stretchtofit" value="1">
<param name="enableContextMenu" value="0">
<param name="uiMode" value="none">
<strong>Error:</strong>You need Windows Media Player Plugin.
</object>
<!--> <![endif]-->
<!--[if IE]>
<object id="mediaplayer" type="video/x-ms-wmv" classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6" width="500" height="500">
<param name="url" value="video.wmv" valuetype="ref" type="video/x-ms-wmv">
<param name="animationatStart" value="1">
<param name="transparentatStart" value="1">
<param name="autoStart" value="1">
<param name="ShowControls" value="0">
<param name="ShowDisplay" value="0">
<param name="ShowStatusBar" value="0">
<param name="playcount" value="99999">
<param name="clickToPlay" value="1">
<param name="autoRewind" value="1">
<param name="displaysize" value="0">
<param name="stretchtofit" value="1">
<param name="enableContextMenu" value="0">
<param name="uiMode" value="none">
<strong>Error:</strong>You need Windows Media Player Plugin.
</object>
<![endif]-->
</td>
<td>
<input type="button" value="uiMode Full" onclick="document.getElementById('mediaplayer').uiMode='full'">
<input type="button" value="uiMode None" onclick="document.getElementById('mediaplayer').uiMode='none'">
</td>
</tr>
</table>
</body>
</html>
The Windows Media Player plugin does not natively work in chrome. Chrome is based on Safari, so if you can find a plugin for safari, you should be able to use this in chrome. Otherwise, you will not be able to play wmp videos in chrome.