Embedding a flash player

AZ_Scott · 06-21-2009, 12:01 PM

Thanks v7n for all your good advice. I 'm trying to embed a flash player in my website to demo tunes:

http://sans-moi.com/discography.htm

I found some code on http://www.longtailvideo.com/support...lash#swfobject


<embed
src="player.swf"
width="300"
height="300"
allowscriptaccess="always"
allowfullscreen="true"
/><embed

When I cut and paste the code into my HTML its obvious I don't have all the necessary code, files, located in the proper directories. And the "longtail" website is not very clear or at least it doesn't directly apply to what I'm trying to accomplish.

A couple of questions:
1. Is this player something I can preview on my desktop or do I need to have it residing on my website to see the player?
2.Where do I get this "src="player.swf" " file from?
3. Why doesn't my Front Page/Insert menu allow me too inster a flash player? Maybe its too old a version Copyright 1995- 2001?

I've already converted the .wma files on my website to .swf. I just need a player to locate on my site to play the audio files that are there now as .wma files.

Thanks in advance for all your good assistance,

Scott

Costin Trifan · 06-22-2009, 01:42 AM

Quote:

A couple of questions:
1. Is this player something I can preview on my desktop or do I need to have it residing on my website to see the player?
2.Where do I get this "src="player.swf" " file from?
3. Why doesn't my Front Page/Insert menu allow me too inster a flash player? Maybe its too old a version Copyright 1995- 2001?

1. You can preview it in an html page. You can have that html page stored locally on your computer and you can view it in any browser you want.

2. The object's src attribute is the same as the href attribute of a link. The movie/audio file can either exist on your local HDD or remote. If you want to play a remote file you can just insert the complete URL to that resource.

3. I don't know. I don't use FP that much, though the code view has intelliSense support so it's pretty easy to type the object's attributes...

4. You should be aware that the object tag is not recognized in many browsers, like FF for example, so your player will not show up in those browsers that don't support the object tag. A workaround is to add the embed element inside the object tag. A simple search for 'embed tag' will give you plenty of info about this.

AZ_Scott · 06-22-2009, 07:21 AM

Not sure what I'm doing wrong. I just get a blank box when I preview the code.

<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Discography</title>
<style fprolloverstyle>A:hover {color: #00FF00; font-weight: bold}
</style>
</head>

<body bgcolor="#FFFFCC" alink="#0000FF" text="#0000FF" background="images/wave_1.png">

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#C0C0C0" width="765">
<tr>
<td width="133">
<a href="index.htm">Home</a></td>
<td width="160">
<a href="http://www.google.com/calendar/render?gsessionid=zL9-usAf0IGqKY68mdXz5A">Calendar</a></td>
<td width="171">
<a href="about_us.htm">About us</a></td>
<td width="206"><a href="blog.htm">
Chat me up</a></td>
<td width="223">
<a href="photo_gallery.htm">Photo Gallery</a></td>
<td width="285">
<a href="Links.htm">Links</a></td>
</tr>
</table>

<embed
src="demos_band_clips/cold_duck.swf"
width="300"
height="300"
allowscriptaccess="always"
allowfullscreen="true"
/><embed

</html>

Costin Trifan · 06-22-2009, 01:21 PM

Quote:

Originally Posted by AZ_Scott

Not sure what I'm doing wrong. I just get a blank box when I preview the code.

<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Discography</title>

<style fprolloverstyle>A:hover {color: #00FF00; font-weight: bold}
</style>

</head>

<body bgcolor="#FFFFCC" alink="#0000FF" text="#0000FF" background="images/wave_1.png">

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#C0C0C0" width="765">
<tr>
<td width="133">
<a href="index.htm">Home</a></td>
<td width="160">
<a href="http://www.google.com/calendar/render?gsessionid=zL9-usAf0IGqKY68mdXz5A">Calendar</a></td>
<td width="171">
<a href="about_us.htm">About us</a></td>
<td width="206"><a href="blog.htm">
Chat me up</a></td>
<td width="223">
<a href="photo_gallery.htm">Photo Gallery</a></td>
<td width="285">
<a href="Links.htm">Links</a></td>
</tr>
</table>

<embed
src="demos_band_clips/cold_duck.swf"
width="300"
height="300"
allowscriptaccess="always"
allowfullscreen="true"
/><embed

</html>

I highlighted the errors. fix them and let us know how it works.

# btw, remember that the embed tag is not recognized by Internet Explorer.

To make it crossbrowser you should make it something like this:

Code:

<object ... attributes ...>
< object params go here>

           <embed ...attributes... ></embed>
</object>

AZ_Scott · 06-22-2009, 01:54 PM

Getting closer,

The .swf now launches and begins to play when I preview . But still no player appears. Thanks lots for finding the stupid error. Here's what the html looks like now:

<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Discography</title>

</head>

<body bgcolor="#FFFFCC" alink="#0000FF" text="#0000FF" background="images/wave_1.png">

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#C0C0C0" width="765">
<tr>
<td width="133">
<a href="index.htm">Home</a></td>
<td width="160">
<a href="http://www.google.com/calendar/render?gsessionid=zL9-usAf0IGqKY68mdXz5A">Calendar</a></td>
<td width="171">
<a href="about_us.htm">About us</a></td>
<td width="206"><a href="blog.htm">
Chat me up</a></td>
<td width="223">
<a href="photo_gallery.htm">Photo Gallery</a></td>
<td width="285">
<a href="Links.htm">Links</a></td>
</tr>
</table>

<object ... attributes ...>

<embed
src="demos_band_clips/cold_duck.swf"
width="300"
height="300"
allowscriptaccess="always"
allowfullscreen="true"
</embed ></object>
</html>

Costin Trifan · 06-22-2009, 02:07 PM

ok, but you should add the attributes and params to that object, don't let it as it is now:

Code:

<object ... attributes ...>

stephenz · 06-22-2009, 08:44 PM

Quote:

Originally Posted by AZ_Scott

Getting closer,

The .swf now launches and begins to play when I preview . But still no player appears. Thanks lots for finding the stupid error. Here's what the html looks like now:
...

Hi, Scott. So you want to show your flash file with a player, something like a control bar, right?
Try to add "showplayer" attribute to your object code, like this:

HTML Code:

<object...>
...
<param name="showplayer" value="true">
...
</object>

Since

Quote:

object tag will not recognized by ff

, and

Quote:

embed will not recognized by IE

you can use SWFObject to embed flash to web page - http://blog.deconcept.com/swfobject/
You can also check this tutorial for easy solution to add flash video to website - http://flash-video-player.blogspot.c...o-website.html

AZ_Scott · 06-23-2009, 08:22 AM

Hey Stephenz,

Thanks this is the closet yet, awesome player. I've got the player in the page I can see my play list. but when I click play nothing. Its so close.

Also what's the best way to center the player?

<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Discography</title>

</head>

<body bgcolor="#FFFFCC" alink="#0000FF" text="#0000FF" background="images/wave_1.png">

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#C0C0C0" width="765">
<tr>
<td width="133">
<a href="index.htm">Home</a></td>
<td width="160">
<a href="http://www.google.com/calendar/render?gsessionid=zL9-usAf0IGqKY68mdXz5A">Calendar</a></td>
<td width="171">
<a href="about_us.htm">About us</a></td>
<td width="206"><a href="blog.htm">
Chat me up</a></td>
<td width="223">
<a href="photo_gallery.htm">Photo Gallery</a></td>
<td width="285">
<a href="Links.htm">Links</a></td>
</tr>
</table>

 
<script type="text/javascript" src="flash_player/Plh_200962362_52/swfobject.js"></script>
<div id="flashcontent">Player will show here</div>
<script type="text/javascript">
var so = new SWFObject('flash_player/Plh_200962362_52/mwplayer.swf','player','500','450','9');
so.addParam('wmode','opaque');
so.addParam('quality','high');
so.addParam('allowfullscreen','true');
so.addParam('allowscriptaccess','always');
so.write("flashcontent");
</script>
</html>

AZ_Scott · 06-25-2009, 06:42 AM

Hey all, check it out: sans-moi.com/discography.htm
Let me know what you think! And thanks - that tutorial @ tutorial for easy solution to add flash video to website - http://flash-video-player.blogspot.c...o-website.html

was the thing that got me up and going.

Costin Trifan · 06-25-2009, 08:57 AM

looks great!