Several people have asked me to release an embeddable version of our FLV Player. Since we focus on components inside Flash authoring environment, embeddable swf’s is not something that we are going to sell. So, here is the free version of the player. You can use this player on your website to display 320×240 Flash Video Files. Keep in mind that some rights are reserved, so don’t resell it or use it inside your [ commercial ] application without talking to us.
Just copy FLV PLAYER SWF to your server and use flvPath and flvTitle variables to pass data to the player.
flvPath - is a path to your flash video
flvTitle - title of the video
autoPlay - whether to auto start
autoBuffer - whether to load video
startFrame - frame that is display if video does not auto start
bgColor - background color
Sounds pretty straightforward but if you have any questions feel free to post comments.
FLV Player Embed Code
October 28th, 2006 at 12:46 pm
[...] This an addendum to my previous post Embeddable FLV Player. I added a new parameter autoPlay, if set to false it will prevent the video from auto playing and display a PLAY button inside the display. To tell you the truth i got annoyed by the video playing automatically every time I visit the blog. [...]
December 18th, 2006 at 3:29 pm
[...] Several people have asked me how to create a large Play button for FLV Player that is shown in this example. The process is really straightforward, create a movie clip (play button) and give it a linkage identifier play_mc. Then just paste this code on the first frame of your movie. The idea is simple, every time player is paused or stopped we are going to place a button over it. [...]
January 15th, 2007 at 6:21 pm
[...] We’ve added few additional variables to our Embeddable FLV Player. Now you can specify freeze frame and background color. Also, play button looks slicker! [...]
January 20th, 2007 at 1:37 am
Hi
Great little player. I have a few suggestions to make it better. I already e-mailed one of these to you, but you said to post it as a comment to remind you, so that’s what I’m doing
– An option/variable to have the video downloaded only when the user presses play (as opposed to when the page is loaded).
Obviously if AutoPlay is turned on, that that would supercede this. This is most useful for people like me who would have AutoPlay turned off.
– Add the total time to the status bar next to the elapsed time - like on the YouTube player (”0:00/4:30″ for example).
In testing out this player, and a few other things for eventual use on my site, I made a test page showing it and the Lightbox image script:
http://www.ecto-web.org/~spookcentral/temp/media_test.htm
The short video clip that I used doesn’t work well with the players seek/progress bar. If anyone knows why, please let me know. I tested out the player offline with a different longer video clip and the seek/progress bar worked great. I have tested the page out in:
* SeaMonkey v1.0.6 under Windows 2000.
* Internet Explorer v6.0.2800.1106 under Windows 2000.
I didn’t encode either of the two videos clips I used to test (I download them from YouTube and others places through keepVid.com), as I have to eventually find a program that can convert to FLV, so there may be something in the encoding of the files that is causing this seek/progress bar problem. I don’t think the player is at fault.
–
Yours Truly,
Paul Rudoff
January 27th, 2007 at 2:07 am
how can i embed a video i have in my blog and not having my PC host it. dont suggest youtube or any other video site plssss. i wanna have my video exclusive to my blog only.lss
January 27th, 2007 at 10:57 am
The deal is that you have to host it somewhere, can you upload your video to your blog? If that is an option then you can link to it with the player.
February 6th, 2007 at 5:49 pm
Can someone please give me step by step instructions to adding video with start/stop controls to an html website. I have a number of quicktime files that need to be in a flash player. I’ve been looking through the forums but nothing seems to help, I guess I just don’t get - hence, I ask you all for step by step instructions. Please help.
Thanks,
Andrew
February 14th, 2007 at 7:57 pm
[...] New autoBuffer parameter is added to our Embeddable FLV Player. If your player is not set to auto play, autoBuffer property (when set to false) will prevent FLV file from loading. [...]
February 15th, 2007 at 10:31 am
What about rtmp variable? How would I insert this? Great player. Thanks.
February 15th, 2007 at 10:37 am
You should be able to add a direct path rtmp://… If that does not work we can add isLive property.
February 15th, 2007 at 11:00 am
Thanks.
I tried that and it did not work. I’m using Red5. I’ve seen other players use the variable file=rtmp://server/oflaDemo&id=video I tried that on yours also and did not work. Your player is the cleanest I’ve seen and would really like to use it… Thanks again.
February 16th, 2007 at 4:23 pm
Andrei
Thanks for posting a new version.
I tested out the new version, and the new attribute, and found a bug and a few issues that need to be fixed.
– With “autoBuffer” set to false, the small Play button (on the control area/bar) doesn’t work. The video will only play if the large Play button (on the video area) is pressed.
– The “flvTitle” text will only be displayed after the video has been downloaded. Since the player doesn’t need to access the video clip to get this info (it’s part of the player plugin code), I think it should be displayed whether the video file has been downloaded or not.
– There needs to be a stretch option for videos that are smaller than 320×240 (normal size).
The player can’t be displayed properly smaller than the defaults (Width=”330″ Height=”270″), but when the smaller video clip plays, the player resizes itself to the smaller size. I’d prefer to keep the player at normal size and just stretch the video to it, rather than the other way around. Of course, if you want to add the ability for the player to display itself smaller than (Width=”330″ Height=”270″), than that’s good for anybody who wants it.
– I noticed that the “startFrame” attribute will only work if “autoBuffer” isn’t used. I can understand why that is, but since the video area then looks ugly, I have two suggestions to make it look better:
1. Have a separate background color attribute for the video area. I currently have the background color set to beige (f5f5dc) to match the background of my pages, but this causes the video area to be beige as well. I would prefer it to be black, so maybe a “vidbgColor” attribute could be created.
2. If not that, then how about a “startImage” attribute? The user could make an appropriately sized still image that would be loaded into the video area. A user could also make single colored image (like black), which would do the job of the first suggestion.
The image idea is actually what YouTube uses. The embedded clip on this page…
http://www.protoncharging.com/gb/2007/01/25/egb-commercial/
…shows an image placeholder which is actually this image:
http://sjc-static7.sjc.youtube.com/vi/a9AsnqL0ZBQ/2.jpg
Anyway, I’ve implemented the new version and attribute on my test page, so if you need to SEE any of the issues I mentioned above (except for the stretch/small video issue), you can do so here:
http://www.ecto-web.org/~spookcentral/temp/media_test.htm
Also, would it be possible to add the total time to the status bar next to the elapsed time - like on the YouTube player (”0:00/4:30″ for example)? Obviously this can only be displayed after the clip has been downloaded/buffered.
–
Yours Truly,
Paul Rudoff
February 17th, 2007 at 1:03 am
When loading the player for the first time, and with autoplay set at off, it won’t show the starting location image. Ex : Let say I’ve put this;
autoPlay=false
startFrame=10
if a user loads the webpage for the first time, he will see a black screen with a play button, if he hits refresh, he will then see the image taken at frame 10 and the play button, but if he clears his cache, hits refresh again, he will only see the black screen with play button.
Is there a way to show the image at frame 10 when the video preloads? The status bar is going up, video is set at autoPlay=false, won’t it be possible to show frame 10 when the preloading bar reaches this frame 10?
April 2nd, 2007 at 5:45 pm
love the player. can’t get it working right. here’s the link: http://www.epicweddings.com/blog/?p=21
here’s the code:
why don’t i have the play/pause/stop bar? thanks for the help.
rk
April 2nd, 2007 at 6:02 pm
Thanks, Andrei. Got it. (The file I was using was bigger than 320×240).
April 2nd, 2007 at 6:09 pm
I do have one more issue - when the player starts, if I hit rewind or fast forward, it pauses and then starts playing from the beginning… why is this and how can I get it to work the “right” way?
April 4th, 2007 at 8:10 pm
rk -
I see what you are talking about when I go to your site, however I can’t replicate it with the videos I have. Could it be the video? Can you try using this video as a preview http://www.afcomponents.com/flv/vid/sample.flv
April 6th, 2007 at 1:07 pm
Wow if we want to NOT display the Play button in the middle of the paused frame
April 6th, 2007 at 1:39 pm
sorry that should have been WHAT if we want to NOT …
April 6th, 2007 at 3:49 pm
Lenny -
How would you like it to work. Would you like the play button to only come up at the beginning?
April 16th, 2007 at 2:13 am
Lovely little player… I have copied and installed the file but when I to display my own video in the page the control bar disappears. Can any body help me fix this problem.
Angsuman Roy
April 16th, 2007 at 11:44 am
Sounds like you need to increase the height of your embed tag. See previous comments.
April 17th, 2007 at 1:51 am
Andrei
I didn’t see a test version released the week after I last heard from you (on 3/22/2007), so I’m guessing that all didn’t go as well as planned. Do you have any idea when a test version might be released?
I’m sorry for bugging you so much about this but the player will be a big part of the site update that I’m working on, and I can’t finish it without it.
April 19th, 2007 at 9:38 am
I want to have my arcade software plug in the title and flv files values etc is that possible?
Regards
Mark
April 19th, 2007 at 9:48 am
I guess I should have been more specific, I want to add the player info from an sql data base so I don’t have to custom enter each title but I want to do it from a page that would enter the title, name etc.
Thanks
Mark
April 19th, 2007 at 1:14 pm
Hi Andrei,
I would like to not see the LARGE arrow that sits in the middle of the video at all. Thanks.
April 19th, 2007 at 5:31 pm
Great Player! I do have one question though, is there a way that I can change the flv files going to the player automatically without having to copy the embed code and change it for every movie I want to play?
Oh I’ve purchased the player but I don’t understand what format the download was in. It certainly wasn’t a swf file
Thanks
Mark
April 20th, 2007 at 1:48 pm
Nice player. Could you please explain or direct me to where I can find out how to have an image preloaded over an Flash flv movie? Thank you. Ariyl
April 20th, 2007 at 2:32 pm
Any help on removing that arrow would be helpful. I want to buy this app! Thanks!
May 8th, 2007 at 7:10 pm
This is a link to a better player that contains the features that we’ve all been wanting in this one.
May 9th, 2007 at 8:58 pm
Any chance of having the player display larger movie sizes, like 480×360? Overall, awesome little player, works like a charm. I have it so far on one of the free training videos on my website. Please feel free to visit, and take a look. Comments welcome.
Regards,
Christopher Rees
President,
Palaestra Training
http://www.palaestratraining.com
1-800-324-0946
June 1st, 2007 at 3:56 am
I love this player, it’s great! The first time I tried to use it, I couldn’t get it down but finally figured out what the problem was. And for anyone looking to make it bigger, all I did was change the dimensions of the player until it look right. It’s back to normal now that I fixed the video though.
Anyways, I’m having some trouble with the progress bar, where you control where the video starts playing. Everytime you click play, it shoots past the volume bar and keeps going, the only problem is I can’t see it nor can anyone else. I use Firefox for a browser, if that matters:
http://www.jordin-online.com/media/videos_appearances.php
June 28th, 2007 at 5:23 pm
hi,
i am designing my site in flash and i’m wondering where to insert the embedded code. i have tried embedding it in the action script of the video page but it is coming up with a syntax error. perhaps i have left some code out. can you help?
regards,
ian
July 18th, 2007 at 8:11 am
Hi.
First of, thank you for making this possible.
I have a small question and if it doesn’t have an answer then let’s call it suggestion!
Is there a way to shorten the Embed Code?
Like [afcmp]“path”[/path] and that is it, file is linked with automated size, false auto play and so. Title and so should still be addable/editable manually.
If anyone knows anything about what I’m trying to find feel free to contact me, would be (much) appreciated!
//Aypeus (aypeus@aypeus.org)
September 28th, 2007 at 11:26 am
Great player! Maybe I’m a glutton for punishment, but I’m trying to find a good tutorial on how to build one of my own. I’ve built an XML driven multi-video player, but I’d love to be able to build something like this for our end users to easily be able to embed video on their sites, yet still push our brand within a custom player. I wouldn’t be so presumptuous as to ask what your script looks like, but if you could point me in the direction of a good tutorial or resource, I’d be grateful. I seem to be running into script errors using FlashVars to retrieve my FLV location from the URL.
October 17th, 2007 at 2:18 pm
[...] Advanced Flash Components Blog » Blog Archive » Embeddable FLV Player (tags: embed flv player video flash tools) convert this post to pdf. [...]
October 27th, 2007 at 12:09 pm
Great job! Thank you.
What about a “full screen” button now? Thanks!
November 22nd, 2007 at 5:33 pm
This player fits my needs just fine. I wanted to present small samples of video on my website at a reasonable size, hosted on a server of my choosing. I am not a techy, but I am learning as I go along. As I have used your player, I have included a link to this website so that others like me can find it. I suppose an easy adjustment to your code would be to add a button to another html page which contains a player, with larger dimensions. I am no expert, but this would appear to a simple adjustment to the Javascript file. But that would my next project……
January 31st, 2008 at 10:07 am
I would like to know what usage restrictions there are to use this player. I am developing a website for a client and need to show a video if and when the visitor decides he/she wants to see it. Thus I need a control panel that this player offers.
Thanks
June 24th, 2008 at 9:46 am
Hello,
How i can use the autobuffer attribute? and if i use the autobuffer as false, is there a way to make the player show an image? so that the frame will not be empty?
Thanks
November 6th, 2008 at 11:31 am
I love this! Exactly what I needed, EXCEPT…
My users all know how to click on the play control of a video, and I’d like to get rid of the giant triangle that obliterates my speaker’s face. Since I know nothing about modifying a control, could you make this a configurable parameter?
November 5th, 2009 at 4:45 am
Like [afcmp]“path”[/path] and that is it, file is linked with automated size, false auto play and so. Title and so should still be addable/editable manually.
If anyone knows anything about what I’m trying to find feel free to contact me, would be (much) appreciated!