Hello, A. I searched the forum before posting a new message but couldn't find information that pertains to my situation.
B. I've just begun using Flash yesterday and have limited Javascript experience so may not fully understand code positioning, parameter definitions, and syntax. With that in mind, 1. I have made an SWF the full-screen background for my site, using the dynamic method. I would now like to layer HTML atop it, but my experiments with z-index has excluded one or the other. Searching for solutions online, I have come across some rather simple solutions that were claimed to work on other forums, but do not work in my code. I'm not quite sure what to consider. (Please see code below) 2. The SWF movie will not loop despite a parameter definition set to 'true.' I'm not sure what else it should take, and would appreciate help. (Please see code below) Thanks very much in advance for your time! ---------------------------------------- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml";> <head> <title>TEST</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <!-- JAVASCRIPT --> <script type='text/javascript' src='swfobject.js'></script> <script type='text/javascript'> var flashvars = {}; var parameters = {}; parameters.allowfullscreen = 'true'; parameters.loop = 'true'; var attributes = {}; var params = { wmode: "opaque" }; swfobject.embedSWF('video background experiment1.swf', 'mySWF', '100%', '100%', '9.0.28.0', false, flashvars, parameters, attributes); params.wmode = "opaque"; </script> <!-- FLASH STYLE SHEETS --> <style type="text/css" media="screen"> html { height: 100%; overflow: hidden; /* Hides scrollbar in IE */ } body { height: 100%; margin: 0; padding: 0; } #mySWF { z-index: 0; position: absolute; display: block; height: 100%; } #flashcontent { height: 100%; } <!-- CONTENT STYLE SHEETS --> h1.top { font: 60px/68px 'colaborate-thin', Arial, sans-serif; LETTER- SPACING: 0px; } p.style1 { font: 18px/27px 'colaborate-thin', Arial, sans-serif; } .container { z-index: 1; position: absolute; width: 840px; margin-left: auto; margin-right: auto; } </style> </head> <body> <!-- SWF MOVIE --> <div id='mySWF'> Placeholder </div> <!-- CONTENT --> <div class="container"> <center> <h1 class="top">PAGE TITLE TEXT</h1> </center> <br> <p class="style1"> Description text goes here. </p> </div> </body> </html> -- You received this message because you are subscribed to the Google Groups "SWFObject" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/swfobject?hl=en.
