|
HTML - Please Help : How To Add Navigation Bar To An Embeded Flash Object I My Html Page?
please help.
i used html <object> tag and i embeded a .swf flash file inside my html page... everything worked great until here.... now i want to let the visitor of my page to be able to navigate through my .swf file through my own navigation bar buttons that i want to put above the .swf file... i want my visitor to be able to press the avigation bar buttons to play and stop and forward and backward and rewind and so on... i dont want my visitor to press the right mouse button when he over the flash object to navigate i want to have my own navigation static bar above the flash.... what solutions there is to this problem....? what is the best solution ? best regards. Similar TutorialsOkay, that may sound like a funny title, but here is the deal. I have an MP3 player on my website. The original file is attached to this post. You must, if you want to test it, include it as a file in your domain. Anyway, here is the code for it. Please let me warn you that I use BBCode in my forum. HTML I do not allow, so what I have to do is take the original HTML code and place it in the text area, then use BBCode to make it work. My initial example which works! Code: <object type="application/x-shockwave-flash" data="mp3player/emff_lila_info.swf" width="200" height="55">
<param name="allowScriptAccess" value="sameDomain">
<param name="movie" value="mp3player/emff_lila_info.swf" />
<param name="quality" value="high">
<param name="FlashVars" value="src={URL}" />
<embed src="mp3player/emff_lila_info.swf" quality="high" name="lilaplayer" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" width="200" height="55">
</object>
<br>
<small>MP3 by: cisco007</small>
Please note this line: Code: <param name="FlashVars" value="src={URL}" />
The {URL} is the indicator that I use to type the location of the MP3 file. For example http://MyWebSite/FolderOne/FolderTwo/FolderThree.mp3 What I have been trying to do with little to no success is make it so that the only thing I have to type is, "FolderTwo/FolderThree". I don't know why I'm unsuccessful in this endeavor but I am. Currently my code looks like this: Code: <object type="application/x-shockwave-flash" data="mp3player/emff_lila_info.swf" width="200" height="55">
<param name="allowScriptAccess" value="sameDomain">
<param name="movie" value="mp3player/emff_lila_info.swf" />
<param name="quality" value="high">
<param name="FlashVars" value="src=http://www.place4musicians.com/Free_Music/{SIMPLETEXT}.mp3" />
<embed src="mp3player/emff_lila_info.swf" quality="high" name="lilaplayer" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" width="200" height="55">
</object>
</b>
<small>MP3 by: cisco007</small>
Please notice the same line again: Code: <param name="FlashVars" value="src=http://www.place4musicians.com/Free_Music/{SIMPLETEXT}.mp3" />
The {SIMPLETEXT} should be for "FolderTwo/FolderThree", but it does not work. Please anyone who has a little knowledge of this help me out! Thanks in advance. I'll go ahead and let you know that I've posted this request on four different sites, and I haven't even had a single reply. I hope someone here can help me!! Hi, I am a newbie and trying to develop a web site with HTML over IIS. I have inserted a flash (swf) object into the html code and am able to see the object displayed via IIS (right-click virtual directory and browse). However, it does not show if I try to access the same page via IE with http://localhost/Other. Only the text gets displayed. What could be the reason. Thanks. Hello everyone as you can tell i just got her. Im looking for some help with a huge problem thats been bugging me an took me 4 hours of research to get no where. The problem: Whenever i try and embed flash in a web page (Flash and Dreamweaver CS3) when i preview it no problems. When i upload it, no flash appears, there should be a banner top and bottom an a flv flash movie in the middle. Nothing works. Even embedding a youtube video creates the same problem. Firefox also says you need a new version of flash but i have the newest version. An for others it does nothing www.tosographics.com I get errors when i do a validation check all the same but for the different flash components "The Tag: "embed" is Not found in currently active versions what do i do, im getting loads more problems i might be able to solve but this is the painful one. When i start a new html document what do i use xhtml or html what please please help. I will provide the code is someone thinks that will be of any use. Also if the code is asked for i would greatly appreciate someone fixing it for me posting it back in here an showing me where i went wrong im totally new to HTML When i start a new document i have many choices but which one do i use for embedded flash to work properly with no errors doctype: none html 4.01 Strict html 4.01 Transitional xhtml 1.0 Strict xhtml 1.0 Transitional xhtml 1.1 hello I tried to publish a flash video so I could use it as a website background. everything works great in dreamweaver, but when I transfer all my files to my schools server the video no longer works. does anyone have some ideas? Ill provide files if needed. Thank you-Micah I have a jailbroken iPhone 4 and I am trying to get a flash embed to display on it but I am having a lot of trouble. i have successfully used and enabled different flash objects elsewhere but this is the only one that wont run. so I know it will work. HTML Code: <head>
<title>iSwim</title>
</head>
<body>
<div style="width: 320px; height: 356px; margin-top: 80px; margin-bottom: 44px;">
<object width="320" height="356"> <param name="movie" value="http://listen.grooveshark.com/widget.swf" /> <param name="wmode" value="opaque" /> <param name="allowScriptAccess" value="always" /> <param name="flashvars" value="hostname=cowbell.grooveshark.com&widgetID=22770693&style=metal&bbg=000000&bfg=046cc7&bt=FFFFFF&bth=000000&pbg=FFFFFF&pbgh=046cc7&pfg=000000&pfgh=FFFFFF&si=FFFFFF&lbg=FFFFFF&lbgh=046cc7&lfg=000000&lfgh=FFFFFF&sb=FFFFFF&sbh=046cc7&p=0" /> <embed src="http://listen.grooveshark.com/widget.swf" type="application/x-shockwave-flash" width="320" height="356" flashvars="hostname=cowbell.grooveshark.com&widgetID=22770693&style=metal&bbg=000000&bfg=046cc7&bt=FFFFFF&bth=000000&pbg=FFFFFF&pbgh=046cc7&pfg=000000&pfgh=FFFFFF&si=FFFFFF&lbg=FFFFFF&lbgh=046cc7&lfg=000000&lfgh=FFFFFF&sb=FFFFFF&sbh=046cc7&p=0" allowScriptAccess="always" wmode="opaque" /></object>
</div>
</body>
Can anyone help me to make sure the flash displays right? what happens is the player loader displays at the top instead of the center and the control buttons are present before it loads. then after the loader fails it shows a "cannot connect" error. so I think the flash object is resizing inside its self. can anyone help me clean up this script so it will display correctly in iPhone safari (with flash enabled)? website is he smalldotdesign.zxq.net/iSwim.html that is where the HTML file is located that I am trying to get corrected. thanks in advance. i have a feeling this is going to be a tough fix. Hello folks, I don't know almost anything about html code. I was using this simple html code for years, anytime I needed to stream one of my videos. <html> <head> <title></title> </head> <body bgcolor=="000000"> <table width="1280" height="736" align="center"> <tr> <td><embed src="BGI.mov" height="736" width="1280" align="middle"controller="true"></td> </tr> </table> </body> </html> Video file has name BGI.mov and is located in the same folder as html. The problem is, that it takes forever for video to download, sometimes 6-8 minutes. here is the URL of html page: http://www.bcoutback.com/videos/bgi.html I have talked to QuickTime guys and they did not find anything wrong with the file and they suggested that this HTML code is no longer good. Apparently, there is now completely different way of embeding video files and it has to do with applying functions. So I am wondering if someone could give me some simple advise how to write this simple code in the modern way. Please, keep in mind that I am complete html beginner. Thank you so much for your help. hi I am making web page in html . I have problems showing my swf files when I embed it in HTML files I have designed.When I export the swf files, should I export with swf and both HTML files next time?Also I have the flash player plug-ins installed on Mozilla, and IE, it is still not showing the swf files on my HTML pages. I have seen many web site design company sites which great in looks.I want to make that type of page? Any suggestion? hi everyone this is my first page so i will probably have a couple of questions to help give me an idea of how to do that i want! basically someone has asked me to design them a site, i did a web design course but that was 6 months ago and i need to learn new things for it as well as try and remember what ive learned! ive got a semi basic layout, ill post the html and css, hopefully ill pate them in the right way (this definitely wont be the colour scheme, ive been following an online tutorial, want to get the layout right before making other tweaks) basically in the content section theyre looking for a rectangular box that has 4 imaes, 2 side by side and two below. these will change when theyre rolled over and when a particular image is clicked it will take them to the correct section of the site. as far as i understand from the css i have the size of the content section will change depending on how much information is there. how would i know what size to make the flash for insertion into this section so it fits properly without any gaps? sorry im a bit new to this but the more i learn the better! i dont have a clue how to actually code the flash yet but getting the size right would be a good start! thanks for your help HTML Code: <link rel="stylesheet" type="text/css" href="css/master.css" />
</head>
<body>
<div id="page-container"> <!--this div will hold all the other elements of the page-->
<div id="main-nav">Main Nav</div>
<div id="header">
<h1> Kilmaclolm Dramatic Society logo to be placed here </h1>
</div>
<div id="sidebar-a">
<dl class="hidden">
<dt id="about"><a href="#">About</a></dt>
<dt id="services"><a href="#">Services</a></dt>
<dt id="portfolio"><a href="#">Portfolio</a></dt>
<dt id="contact"><a href="#">Contact Us</a></dt>
</dl>
</div>
<div id="content">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam gravida enim ut risus.
Praesent sapien purus, ultrices a, varius ac, suscipit ut, enim. Maecenas in lectus.
Donec in sapien in nibh rutrum gravida. Sed ut mauris. Fusce malesuada enim vitae lacus
euismod vulputate. Nullam rhoncus mauris ac metus. Maecenas vulputate aliquam odio.
Duis scelerisque justo a pede. Nam augue lorem, semper at, porta eget, placerat eget,
purus. Suspendisse mattis nunc vestibulum ligula. In hac habitasse platea dictumst.
</div>
<div id="footer"><!--floated divs dhould come first to avoid any IE issues-->
<div id="altnav">
<a href="#">About</a> -
<a href="#">Services</a> -
<a href="#">Portfolio</a> -
<a href="#">Contact Us</a> -
<a href="#">Terms of Trade</a>
</div>
Copyright © Kilmacolm Dramatic Society. A website by D Keenan
</div>
</body>
</html>
Code: @charset "utf-8";
/* CSS Document */
html, body { /*resets the margins and padding on both the html and body tags to 0 to ensure theres
no space between the top of the browser and the top of the page */
margin: 0;
padding: 0;
}
h1 {
margin: 0; /* takes away the default margin and padding on h1 tags */
padding: 0;
}
.hidden {
display: none; /* any element with this class wont be seen on the site */
}
#page-container { /* there is a # as this is an id, to be used once on the page only, not repeated elsewhere
this div's height will change depending on the content*/
margin: auto; /* browser sets margin, should centre the div */
width: 760px; /* sets the width of the container */
}
#main-nav {
background: red;
height: 50px; /* the width doesnt need to be specified, it will be 760px as this is the with of the containing div */
}
#header {
background: blue;
height: 150px;
}
#sidebar-a {
float: left; /* floats sidebar to left of the screen */
background: darkgreen; /*the height is dependend on the content so no height will be set for the time being*/
width: 280px;
}
#content {
background: green; /*the height is dependend on the content so no height will be set for the time being*/
margin-left: 280px; /*creates a margin as wide as the sidebar to separate the sidebar information and the content */
}
#footer {
clear:both; /*When an element has the clear property assigned, if it comes into contact with a float it is placed right below where that float ends.*/
background: orange;
height: 66px;
}
Hello guys, Is there any way to make a large files of flash into a smaller file size for faster loading of a site using JavaScript? hey, My page does not validate because of a flash object. The weird thing is that the code is automatically generated by dreamweaver. Feel free to copy and paste the code into a validator to see what the errors are. Any ideas on how to change this so that it validates? HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="description" content="Employee Benefit Consulting is a company which">
<meta name="keywords" content="EBC, E benefits consulting, EB consulting, employee benefits consulting, employee benefits, Employee, Benefit, Consulting, Health Insurance, Personal Insurance, Group Insurance, Insurance, Workplace Saving Plan, Kiwisaver, worker benefits, staff benefits">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>EBC Home Page</title>
<link href="CSS/style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="../JS/ADxMenu.js"></script>
<link href="images/icon.ico" rel="shortcut icon">
</head>
<body>
<div id="container">
<div id="header"></div>
<div id="menu">
<div class="linkMenu" align="center">
<ul class="adxm menu">
<li><a href="#">Home</a></li>
<li><a href="about_us.html">About Us</a></li>
<li><a href="insurance.html">Insurance</a>
<ul>
<li><a href="group_insurance.html">Group Insurance</a></li>
<li><a href="personal_insurance.html">Personal Insurance</a></li>
</ul>
</li>
<li><a href="kiwisaver.html">Kiwisaver</a></li>
<li><a href="workplace_saving_plans.html">Workplace Saving Plans</a></li>
<li><a href="contact_us.html">Contact Us</a></li>
</ul>
</div>
<br>
<br>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="260" height="160">
<param name="movie" value="images/quotes.swf">
<param name="quality" value="high">
<embed src="images/quotes.swf" width="260" height="160" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
</object>
</div>
<div id="body">
<p>Welcome to Employee Benefits Consulting. We have an impressive record in the employee benefits industry in New Zealand, working alongside employers, employees and regulatory bodies.</p>
<div align="center">
<img src="images/indexImage.png" alt="Employee Benefits">
</div>
<p>Our focus when working with employers is to ensure that the benefits they offer their staff are sustainable, workable and effective in attracting and retaining quality employees. Our focus when working with employees is to help them set in place appropriate provision for themselves and their families, both in retirement and in the event of an unexpected trauma during their working life.</p>
<p>Click <a href="contact_us.html" target="_self">here</a> to contact us for more information</p>
</div>
<div class="style1" id="footer">
<div align="right">
Studio 1, 237 Beach Road, Campbells Bay | 09 410 2217 | <a href="mailto:info@ebconsulting.co.nz">info@ebconsulting.co.nz </a>
</div>
</div>
</div>
</body>
</html>
Thanks, Raggy Hello, I would like to get the website menu to appear above the flash object. http://www.greekconcierge.com/weddings.php Currently when you click on "Our Services" this is hidden below the flash image object. many thanks, andy Like a lot of people I've been trying to get to grips with some basic HTML for my myspace page. Flame all you want but a lot of people have them, and they help feed our social insecurites and secret desires to be universally loved and made famous and popular and prom queen etc. My problem is that an embeded flash object from www.last.fm (a "quilt") only partially loads) This is what I see in both I.E. and Firefox: Here's the code for the object: Code: <style type="text/css">
div.lastfm_quilt_black a,
div.lastfm_quilt_black div {
height: 20px;
margin: 0;
overflow: hidden;
text-decoration: none;
padding: 0;
background: url("http://static.last.fm/quilts/buttons/generic_images/bg_black.gif") repeat-x 0 0;
width: 100%;
float: right;
display: inline;
}
div.lastfm_quilt a:hover {
background-position: 0 0 !important;
}
{if $orientation=='horizontal'}
div.lastfm_quilt_horizontal {
width: 460px;
}
div.lastfm_quilt_black a.lastfm_quilt_artists_wide,
div.lastfm_quilt_black a.lastfm_quilt_artists_wide:hover {
background: url("http://static.last.fm/quilts/buttons/top_artists_images/wide/header_black.gif") no-repeat 0 -20px;
}
div.lastfm_quilt_black a.lastfm_quilt_albums_wide,
div.lastfm_quilt_black a.lastfm_quilt_albums_wide:hover {
background: url("http://static.last.fm/quilts/buttons/top_albums_images/wide/header_black.gif") no-repeat 0 -20px;
}
{else}
div.lastfm_quilt_vertical {
width: 184px;
}
div.lastfm_quilt_black a.lastfm_quilt_artists,
div.lastfm_quilt_black a.lastfm_quilt_artists:hover {
background: url("http://static.last.fm/quilts/buttons/top_artists_images/header_black.gif") no-repeat 0 -20px;
}
div.lastfm_quilt_black a.lastfm_quilt_albums,
div.lastfm_quilt_black a.lastfm_quilt_albums:hover {
background: url("http://static.last.fm/quilts/buttons/top_albums_images/header_black.gif") no-repeat 0 -20px;
}
{/if}
div.lastfm_quilt_black .lastfm_quilt_profile a,
div.lastfm_quilt_black .lastfm_quilt_profile a:hover {
background: url("http://static.last.fm/quilts/buttons/generic_images/ft_black.gif") no-repeat 0 -20px;
}
div.lastfm_quilt_black .lastfm_quilt_noprofile a,
div.lastfm_quilt_black .lastfm_quilt_noprofile a:hover {
background: url("http://static.last.fm/quilts/buttons/generic_images/npft_black.gif") no-repeat 0 -20px;
}
div.lastfm_quilt a.get_your_own {
width: 92px;
border-right: solid 1px #000000;
}
div.lastfm_quilt a.visit {
width: 91px;
background-position: -93px -20px;
}
div.lastfm_quilt a.visit:hover {
background-position: -93px 0 !important;
}
</style>
<div class="lastfm_quilt lastfm_quilt_vertical lastfm_quilt_black">
<a class="lastfm_quilt_albums" title="Top albums" href="http://www.last.fm/user/blueden8/"></a>
<embed
src="http://static.last.fm/quilts/3/quilts_main.swf"
flashvars="type=user&variable=blueden8&file=topalbums&bgColor=black&configMode=true"
quality="high"
bgcolor="#000000"
width="184"
height="414"
name="quilts_main"
align="middle"
allowScriptAccess="never"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" />
</div>
Now I know for a fact there's nothing wrong with that code by itself: I've saved it as .htm in notepad and it functions perfectly. I've also copied all code down to the <!-- NETWORK INFORMATION : BEGIN --> line to notepad and saved that. That too works perfectly. So something is going on in between that heading and where the code for comments starts (I'm guessing). Here's a link to that code: Network Information and here's a link to the entire page source: Entire Page Both are .txts I would really appreciate any help offered. I know it seems like a lot of effort to go to for a myspace profile, and even more effort for you guys to try and find the problem, but this is simply pissing me off. Hey guys, I have been designing a portfolio for my photography for some time. There are a few issues I have and I would appreciate your help. http://fjchapman.com/portfolio/portfolio.html 1. If you'll notice, the SWF object won't open. If you go to http://fjchapman.com/portfolio/viewer.swf , the swf is fine. There is just something wrong with my code. 2. Why is it so screwed up in IE? I have been going through my code but I cannot understand why IE is adding some mysterious padding. Help? 3. Alignment of links. While the links are just fillers (concert photography, portraits) for now, how can I have them aligned to the bottom left of my header? Thank you guys so much for your time. Hello, I am wondering if something is possible.. and if it is, how I would go about accomplishing the desired result.. This is a sample page to illustrate the problem http://comp.uark.edu/~bcagnin/test/index.html Is there a way to resize the object from a link that is within the website being displayed in that very same object?? Also, I am willing to use iframe if there is a solution that can be found with that... Thanks!! Tyrick My index is an HTML page that has a flash that runs for 5 seconds. After that it stops (on purpose). I would like it to then goto another HTML page. For some reason, I can't find out how to do that. I can view the flash in my HTML script when I run it straight from my computer, but when I upload it I don't see it. I've tried it on three different web hosts. The directories are definitely correct. I don't understand why it simply won't work. This is the code I'm using to display the flash movie: PHP Code: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="580" height="150"> <param name="movie" value="menu_logo.swf" /> <param name="quality" value="high" /> <embed src="menu_logo.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="580" height="150"></embed> </object> The flash file is located in the same place as the HTML file is. ( the root ) Hello All, I need to display flash located in the application file resources. I tried this way: HTML Code: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=3,0,0,0" width="740" height="300" type="application/x-shockwave-flash">
<param name="movie" value=res://HTMLTester001.exe/SWFS/#137>
<param name="quality" value="high">
</object>
But it does not work. Flash is not displayed. How can I resolve this trouble? I've just recently created my website with wix.com as my host, so it's all flash, but I would like to change my website to html. I really like what I have as the website so far, but I've found that it runs slow on many computers, so I was wondering if there was any way of keeping what I have(such as design etc.) but converting it to html somehow. I don't know much about web design, so any help would be greatly appreciated. (and I don't mind changing my host if it's necessary, I just want a way to be able to keep what I've worked at without having to begin from scratch.) This will proubly be easy for some of you but i need some help. veiw www.aeonnorth.com source. And tell me why i cant get the top 5 buttons to link? Service-Products-Forums-Contact-Support. I have a map set up. but doenst seem to be working. whats wierd is i can mouse over and see its a link but doesnt take me anywhere. please help |
|||||||