Validation error , OBJECT, using swf/flash - html

I'm not understand why it can't pass the validation(
<!-- logo -->
<div id="tdLogo">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="548" height="170" ><param name="movie" value="swf/logoFinal.swf" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="swf/logoFinal.swf" width="548" height="170">
<!--<![endif]-->
<img src="images/logo.jpg" alt="Logo said LULWORTH Dorset" />
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
Line 263, Column 90: Element object is missing one or more of the following attributes: data, type.
…44553540000" width="548" height="170" >
Line 263, Column 90: The classid attribute on the object element is obsolete. Use the data and type attributes to invoke plugins. To set a parameter with the name classid, use the param element.
…44553540000" width="548" height="170" >

I am using:
<object type="application/x-shockwave-flash" data="flashfile.swf" id="loader" name="loader" style="width:640px;height:480px;vertical-align:middle;">
<param name="allowScriptAccess" value="always" />
<param name="allowFullScreen" value="true" />
<param name="movie" value="flashfile.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
</object>
Note: No need to use the embed tag anymore.

Related

Embeding Weather Underground

Trying at the moment to embed this webcam from Weather Underground:
https://www.wunderground.com/webcams/Kehlegg/1/video.html?month=01&year=2018&filename=current.mp4
The following code is on the website:
<div style="text-align:center">
<object width="640" height="480" id="undefined" name="undefined" data="https://www.wunderground.com//icons.wunderground.com/swf/flowplayer.commercial-3.2.8.swf" type="application/x-shockwave-flash">
<param name="movie" value="https://www.wunderground.com//icons.wunderground.com/swf/flowplayer.commercial-3.2.8.swf" />
<param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" />
<param name="flashvars" value='config={"key":"##8d339434b223613a374","clip":{"autoPlay":false,"autoBuffering":true},"playlist":[{"url":"https://www.wunderground.com//icons.wunderground.com/webcamramdisk/k/e/Kehlegg/1/current.jpg?e%3D1514817767","autoPlay":false,"autoBuffering":true},{"url":"https://www.wunderground.com//icons.wunderground.com/webcamcurrent/k/e/Kehlegg/1/current.mp4?e%3D1514817767","autoPlay":false,"autoBuffering":true}],"plugins":{"controls":{"all":true,"mute":true,"play":true}}}' />
</object>
<p>
Kehlegg's Video Archive
— Weather Underground Webcams
</p>
</div>
Tried to use it but didnt work.

Can anyone help me decipher this html video code?

I am working on a html project with video, and need to work with this video. I am hoping to apply two style
width: 550px;
controls preload="auto;
but am not sure where to place it. I need the video to preload due to its long loading time! Code examples have always shown a tag, but this code does not have any.
<object id="flashObj" 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" />
<param name="bgcolor" value="#FFFFFF" />
<param name="flashVars" value="videoId=3286763175001&linkBaseURL=http%3A%2F%2Fmedianetwork.oracle.com%2Fvideo%2Fplayer%2F3286763175001&playerID=1787102915001&playerKey=AQ~~,AAAAAFcSbzI~,OkyYKKfkn3xPOduPEsqhjskdCvDxqymz&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=3286763175001&linkBaseURL=http%3A%2F%2Fmedianetwork.oracle.com%2Fvideo%2Fplayer%2F3286763175001&playerID=1787102915001&playerKey=AQ~~,AAAAAFcSbzI~,OkyYKKfkn3xPOduPEsqhjskdCvDxqymz&domain=embed&dynamicStreaming=true" base="http://admin.brightcove.com" name="flashObj" width="640" height="358" 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" style="width: 550px;"></embed>
</object>
If someone could please shorten and explain what some of the essential tags do that would be greatly appreciated.
id is the element of the video, the param tag helps to define the plugins with the element, http://www.w3schools.com/tags/tag_param.asp , this gives a good example.

Horizontal SWF's giving white space

I'm unable to remove the white space between SWF's on a HTML page.
I know about using 'block' in the CSS, but as it's horizontal that doesn't seem to work. I've also added "0" for border to no avail. Going out of my wit here trying to solve this.
My HTML code:
<div id="banner">
<div class="wrap">
<div style=height:66px; align="center">
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="151" height="65" border="0">
<param name="movie" value="images/flash_buttons/home_white.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="swfversion" value="6.0.65.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="images/flash_buttons/home_white.swf" width="151" height="65" border="0">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
<object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="151" height="65" border="0">
<param name="movie" value="images/flash_buttons/guide_green.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="swfversion" value="6.0.65.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="images/flash_buttons/guide_green.swf" width="151" height="65" border="0">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
and Screenshot:
http://www.hosted101.net/uploads/upload/1327873868428issues.png
By default body element on HTML page have margin. Specify CSS:
html, body{
margin: 0;
padding: 0;
}
inside your HTML document
Use line-height: 0; for the container, might help you.
To remove white space use wmode="transparent" in HTML code. Here is an example.
<embed src="imageurl.swf" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"quality="high" width="1020" height="600" " >

Embedding Flash SWF

I am trying to make a mockup of this website for a class project: http://www.smokeybear.com/campfire-safety.asp
I have all the elements loaded just fine, except I can't seem to make it load the flash\clock.swf right above the Approximate number of acres burned on the right-hand side.
Since I don't have a copy of the swf saved locally on my hard drive, I was trying to reroute it to the actual url of the swf. What it is currently showing is the grey space for the counter, without the orange numbers. Here is the clip of code from the page source:
<script type="text/javascript" language="JavaScript">getCounterFlash()</script>
<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="190" height="45" id="clock" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="http://www.smokeybear.com/flash/clock.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#000000" />
<embed src="http://www.smokeybear.com/flash/clock.swf" quality="high" bgcolor="#000000" width="190" height="45" name="clock" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</noscript>
Here is the getCounterFlash() from the js:
function getCounterFlash() {
document.write('<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="190" height="45" id="clock" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="http://www.smokeybear.com/flash/clock.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><param name="wmode" value="opaque"><embed src="http://www.smokeybear.com/flash/clock.swf" quality="high" bgcolor="#ffffff" width="190" height="45" id="clock" name="clock" align="middle" allowScriptAccess="sameDomain" wmode="opaque" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>');
}
Haven't really played with embedded flash objects too much, so could anyone advise on what values I should change to get it to work like it is working on the original site? Thanks.
I may not entirely understand your problem.
Assuming you have tested various browsers.
Seems to me you are missing a second path. If you go to the originals, and look at this example: http://kb2.adobe.com/cps/415/tn_4150.html
there are two movie_name.swf
and you have two close tags for js?

I'm trying to use CSS to position my Flex app but it's not working

I'm trying to position my Flex app so that its in the bottom 40% vertically, and the left 70% horizontally. This is how I define the flash section in CSS:
#flashContent { display:none;position:absolute; top:60%;width:70%;height:40%;}
Here is the HTML:
<div id="flashContent">
<p>
To view this page ensure that Adobe Flash Player version
10.0.0 or greater is installed.
</p>
<script type="text/javascript">
var pageHost = ((document.location.protocol == "https:") ? "https://" : "http://");
document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='"
+ pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>" );
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="434" height="100%" id=app name>
<param name="movie" value=link_to_the_file />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="true" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data=link_to_the_file width="434" height="100%">
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="true" />
<!--<![endif]-->
<!--[if gte IE 6]>-->
<p>
Either scripts and active content are not permitted to run or Adobe Flash Player version
10.0.0 or greater is not installed.
</p>
<!--<![endif]-->
<a href="http://www.adobe.com/go/getflashplayer">
<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>
</noscript>
</div>
But it's still just appearing in the top-left corner. What am I doing wrong?
Thanks for reading.
Please don't use the values in percentage in flex. If you want to put your stuff in centre, then we have horizontalAlign and for vertically, we have verticalAlign properties.
Specify left, top, bottom and right in numbers only,