How to Add Flash, Video, and Audio to Web Pages

**websiteset** · 02-03-2007, 09:55 PM

looking for more...

**scottfree** · 02-05-2007, 07:23 AM

I agree with LadynRed, you can't always rely on the tools to do things for you. I find they add messy, unnecessary code.

**LadynRed** · 02-05-2007, 11:31 AM

Looking for more what ?? A wide range of solutions are shown in the linked article.

**LadynRed** · 02-07-2007, 11:34 AM

The article examines popular methods for ditching the <embed> tag.

Flash Embedding Cage Match - from A List Apart
http://www.alistapart.com/articles/flashembedcagematch

**memberpro** · 02-09-2007, 01:17 PM

Great article on embedding flash... I wish I had this information about 3 months ago when I was beating my head against the wall trying to get my flash movie to work on all browsers.

Top notch... keep these articles coming.

**trichnosis** · 02-09-2007, 05:36 PM

thanks for this usefull post

**trichnosis** · 02-09-2007, 05:37 PM

thanks for this perfect post . i was looking for an article like this

**kenang82** · 03-21-2007, 11:48 AM

thanks

**MJM_RDS** · 03-26-2007, 07:35 PM

Ok, I have an issue. I want valid video, but for whatever reason I cannot seem to have it the way I want.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Video test</title>
  </head>
  <body>
    <div id="video">
      <object type="video/x-ms-wmv" data="videofile.wmv" width="320" height="180" >
        <p><a href="videofile.wmv">The video</a></p>
      </object>
    </div>
  </body>
</html>

It works, but not the way I want. In Opera I do get the control bar, in Firefox however, I do not.
I tried adding

Code:

<param name="controller" value="true" />

but that changed nothing.
Any ideas, or is this some kind of Firefox setting? Because once the video is done, the only way I can get to replay in Firefox is to hit reload (AKA a "replay=reload page" button).

Any help is greatly appreciated.

**abhinav42** · 04-15-2007, 03:31 AM

Wow thats easy
Use the insert option in MS frontpage
Use Dreamweaver
Or use Blue voda Website Builder
Or you may use iframes
If it wasnt helpful you should try
http://www.subscriberpoint.com/searc...RID%3A11&hl=en

**LadynRed** · 04-15-2007, 03:46 PM

All of those would be less than desirable 'solutions' to the problem.

**JEBACH** · 06:31 AM

Quote:

Originally Posted by roy77

well - i do have basic html knowlege, but i have a good tool by my side - its better to use it

Tools are allways usefull,
only thing important is how You use them.
If used properly , things just get faster...

< Faked signature removed >

**akdiver** · 05-10-2007, 03:08 AM

Thanks for the post. And i agree tools can be useful. "A good tradesman never blames his tools"

**loganeast** · 05-12-2007, 11:08 AM

There's something to be said for a good tool. Tools are important, tools make jobs easier. But let me give you this analogy to continue what LadynRed touched on.

A common worker with a great tool can build a house.

A master craftsman with the same tool can build a castle.

Yes, tools are good and tools should be used. But if you know the code that the tool is building, you can tweak that code to be exactly what you want while maintaining coding standards. If you don't, you get whatever code the program churns out whether its right for that application or not.

Great sites are built on good ideas and clean, valid code.

If you're only interested in using tools and don't care about the code, make your pages in Word and export them as HTML.

**sakib000** · 06-02-2007, 04:55 PM

once again gr8 post I love this community

______________
my work

**noboxes** · 06-30-2007, 02:28 AM

If the whole would just download the new version of quicktime ... and ditch wmv all together ... or better yet if there was only 1 computer with 1 set of programs and we all had access to it ...

**marketstrat** · 07-20-2007, 05:35 AM

thanks for this info..

**imagn** · 07-31-2007, 06:01 PM

Here is the method we use:

There's 2 parts... an external JS file and the call within your HTML page:
Save the following code as an external file (in this example I called it 'flashfix.js' within a directory called 'js')
---------------------------------------------------
function ieFix(filePath, theHeight, theWidth, varName, cookieVar, bgColor) {
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub...ersion=7,0,0,0" width="' + theWidth + '" height="' + theHeight + '" id="' + filePath + '" align="middle">\n');
document.write('<param name="allowScriptAccess" value="sameDomain">\n');
document.write('<param name=movie VALUE="' + filePath + '.swf">\n');
document.write('<param name=quality VALUE=high>\n');
document.write('<param name="flashvars" value="' + varName + '=' + cookieVar + '">\n');
document.write('<param name=scale VALUE=noborder>\n');
document.write('<param name=menu VALUE=false>\n');
document.write('<param name="wmode" value="transparent" />\n');
document.write('<param name=bgcolor VALUE=#' + bgColor + '>\n');
document.write('<embed id="flash" src="' + filePath + '.swf" wmode="transparent" quality="high" flashvars="' + varName + '=' + cookieVar + '" bgcolor="#' + bgColor + '" width="' + theWidth + '" height="' + theHeight + '" name="' + filePath + '" align="center" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">\n');
document.write('</object>\n');
}
---------------------------------------------------

Then add the JS file within <head></head> tags:
---------------------------------------------------
<script src="js/flashfix.js" type="text/javascript"></script>
---------------------------------------------------

And finally the call within your HTML:
---------------------------------------------------
<script type="text/javascript">ieFix('flash_movie',500,800,'','','fff fff');</script>
---------------------------------------------------

Set both 'varName' and 'cookieVar' to '' - they are used only if you are passing variables to Flash

Don't include '.swf' in the filePath

**Rossko** · 08-01-2007, 04:45 AM

Yes!
I think so...

**mobhunter** · 08-21-2007, 11:51 PM

Thanks for the info i was looking for the code to add videos

02-03-2007, 09:55 PM	#21 (permalink) Re: How to Add Flash, Video, and Audio to Web Pages
websiteset Junior Talker Posts: 1 Talkupation:	looking for more... __________________ web design and SEO http://www.websiteset.com

02-05-2007, 07:23 AM	#22 (permalink) Re: How to Add Flash, Video, and Audio to Web Pages
scottfree Extreme Talker Posts: 234 Location: Hamburg	I agree with LadynRed, you can't always rely on the tools to do things for you. I find they add messy, unnecessary code. __________________ I think, therefore I am..... I think.

02-05-2007, 11:31 AM	#23 (permalink) Re: How to Add Flash, Video, and Audio to Web Pages
LadynRed Super Moderator Posts: 5,567 Location: Tennessee Talkupation:	Looking for more what ?? A wide range of solutions are shown in the linked article. __________________ Web Goddess & Web Standards Evangelist :) - Tables Be Gone !! "Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"

02-07-2007, 11:34 AM	#24 (permalink) Methods of Embedding Flash - from ALA
LadynRed Super Moderator Posts: 5,567 Location: Tennessee Talkupation:	The article examines popular methods for ditching the <embed> tag. Flash Embedding Cage Match - from A List Apart http://www.alistapart.com/articles/flashembedcagematch __________________ Web Goddess & Web Standards Evangelist :) - Tables Be Gone !! "Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"

02-09-2007, 01:17 PM	#25 (permalink) Re: Methods of Embedding Flash - from ALA
memberpro Super Talker Posts: 143 Talkupation:	Great article on embedding flash... I wish I had this information about 3 months ago when I was beating my head against the wall trying to get my flash movie to work on all browsers. Top notch... keep these articles coming. __________________ Membership Mastery Videos - step-by-step learn how to design, create and install your own website in hours...not days. Web Site Design was never so easy.

02-09-2007, 05:36 PM	#26 (permalink) Re: How to Add Flash, Video, and Audio to Web Pages
trichnosis Webmaster Talker Posts: 509 Talkupation:	thanks for this usefull post __________________ Türkçe Bilgi \| answer \| beauty \| business

02-09-2007, 05:37 PM	#27 (permalink) Re: Methods of Embedding Flash - from ALA
trichnosis Webmaster Talker Posts: 509 Talkupation:	thanks for this perfect post . i was looking for an article like this __________________ Türkçe Bilgi \| answer \| beauty \| business

03-21-2007, 11:48 AM	#28 (permalink) Re: How to Add Flash, Video, and Audio to Web Pages
kenang82 Skilled Talker Posts: 80 Talkupation:	thanks

03-26-2007, 07:35 PM	#29 (permalink) Re: How to Add Flash, Video, and Audio to Web Pages
MJM_RDS Extreme Talker Posts: 166 Talkupation:	Ok, I have an issue. I want valid video, but for whatever reason I cannot seem to have it the way I want. Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Video test</title> </head> <body> <div id="video"> <object type="video/x-ms-wmv" data="videofile.wmv" width="320" height="180" > <p><a href="videofile.wmv">The video</a></p> </object> </div> </body> </html> It works, but not the way I want. In Opera I do get the control bar, in Firefox however, I do not. I tried adding Code: <param name="controller" value="true" /> but that changed nothing. Any ideas, or is this some kind of Firefox setting? Because once the video is done, the only way I can get to replay in Firefox is to hit reload (AKA a "replay=reload page" button). Any help is greatly appreciated. __________________ George Bush would never take me alive.

04-15-2007, 03:31 AM	#30 (permalink) Re: How to Add Flash, Video, and Audio to Web Pages
abhinav42 Junior Talker Posts: 4 Name: Abhinav Srivastva Talkupation:	Wow thats easy Use the insert option in MS frontpage Use Dreamweaver Or use Blue voda Website Builder Or you may use iframes If it wasnt helpful you should try http://www.subscriberpoint.com/searc...RID%3A11&hl=en __________________ Regards Abhinav Srivastava http://www.subscriberpoint.com/

04-15-2007, 03:46 PM	#31 (permalink) Re: How to Add Flash, Video, and Audio to Web Pages
LadynRed Super Moderator Posts: 5,567 Location: Tennessee Talkupation:	All of those would be less than desirable 'solutions' to the problem. __________________ Web Goddess & Web Standards Evangelist :) - Tables Be Gone !! "Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"

05-10-2007, 03:08 AM	#33 (permalink) Re: How to Add Flash, Video, and Audio to Web Pages
akdiver Novice Talker Posts: 7 Talkupation:	Thanks for the post. And i agree tools can be useful. "A good tradesman never blames his tools" __________________ Website Flipping Blog - Find out all you need to know on the next big internet craze

05-12-2007, 11:08 AM	#34 (permalink) Re: How to Add Flash, Video, and Audio to Web Pages
loganeast Skilled Talker Posts: 80 Name: Joe Williams Location: Phoenix, AZ Talkupation:	There's something to be said for a good tool. Tools are important, tools make jobs easier. But let me give you this analogy to continue what LadynRed touched on. A common worker with a great tool can build a house. A master craftsman with the same tool can build a castle. Yes, tools are good and tools should be used. But if you know the code that the tool is building, you can tweak that code to be exactly what you want while maintaining coding standards. If you don't, you get whatever code the program churns out whether its right for that application or not. Great sites are built on good ideas and clean, valid code. If you're only interested in using tools and don't care about the code, make your pages in Word and export them as HTML. __________________ Joe Williams - 3D Animation Services and Web Design Mets vs Red Sox in the 2007 World Series Golf Swing Instruction Guaranteed to Shave 7 Strokes Off Your Game

06-02-2007, 04:55 PM	#35 (permalink) Re: Methods of Embedding Flash - from ALA
sakib000 Junior Talker Posts: 4 Talkupation:	once again gr8 post I love this community ______________ my work

06-30-2007, 02:28 AM	#36 (permalink) Re: How to Add Flash, Video, and Audio to Web Pages
noboxes Novice Talker Posts: 9 Name: les Talkupation:	If the whole would just download the new version of quicktime ... and ditch wmv all together ... or better yet if there was only 1 computer with 1 set of programs and we all had access to it ... __________________ web design portland

07-20-2007, 05:35 AM	#37 (permalink) Re: How to Add Flash, Video, and Audio to Web Pages
marketstrat Junior Talker Posts: 4 Talkupation:	thanks for this info..

07-31-2007, 06:01 PM	#38 (permalink) Re: How to Add Flash, Video, and Audio to Web Pages
imagn Novice Talker Posts: 9 Name: Matt Location: Los Angeles Talkupation:	Here is the method we use: There's 2 parts... an external JS file and the call within your HTML page: Save the following code as an external file (in this example I called it 'flashfix.js' within a directory called 'js') --------------------------------------------------- function ieFix(filePath, theHeight, theWidth, varName, cookieVar, bgColor) { document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub...ersion=7,0,0,0" width="' + theWidth + '" height="' + theHeight + '" id="' + filePath + '" align="middle">\n'); document.write('<param name="allowScriptAccess" value="sameDomain">\n'); document.write('<param name=movie VALUE="' + filePath + '.swf">\n'); document.write('<param name=quality VALUE=high>\n'); document.write('<param name="flashvars" value="' + varName + '=' + cookieVar + '">\n'); document.write('<param name=scale VALUE=noborder>\n'); document.write('<param name=menu VALUE=false>\n'); document.write('<param name="wmode" value="transparent" />\n'); document.write('<param name=bgcolor VALUE=#' + bgColor + '>\n'); document.write('<embed id="flash" src="' + filePath + '.swf" wmode="transparent" quality="high" flashvars="' + varName + '=' + cookieVar + '" bgcolor="#' + bgColor + '" width="' + theWidth + '" height="' + theHeight + '" name="' + filePath + '" align="center" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">\n'); document.write('</object>\n'); } --------------------------------------------------- Then add the JS file within <head></head> tags: --------------------------------------------------- <script src="js/flashfix.js" type="text/javascript"></script> --------------------------------------------------- And finally the call within your HTML: --------------------------------------------------- <script type="text/javascript">ieFix('flash_movie',500,800,'','','fff fff');</script> --------------------------------------------------- Set both 'varName' and 'cookieVar' to '' - they are used only if you are passing variables to Flash Don't include '.swf' in the filePath __________________ Imagn Design: Los Angeles Web Design Firm

08-01-2007, 04:45 AM	#39 (permalink) Re: How to Add Flash, Video, and Audio to Web Pages
Rossko Novice Talker Posts: 7 Name: Rossko Talkupation:	Yes! I think so...

08-21-2007, 11:51 PM	#40 (permalink) Re: How to Add Flash, Video, and Audio to Web Pages
mobhunter Experienced Talker Posts: 40 Name: ramiz Talkupation:	Thanks for the info i was looking for the code to add videos