Share December 2005: Project of the Month

FCKeditor

Tracker: Plugins

5 FLV Player Plugin - ID: 1856051
Last Update: Comment added ( lelapinou )

This is my first attempt of creating a plugin for the FCKEditor. This
plugin utilizes JW_Media_Player found at
http://www.jeroenwijering.com/?item=JW_Media_Player at will play FLV files
as well as MP3.

To install, just unzip the files into the plugins folder. Configure the
editor to see the plugin (FCKConfig.Plugins.Add( 'flvPlayer','en') ;). And
add the toolbar button to your preferred menu.

Like I said, this is my first attempt, so please be gentle.


gmann001 ( gmann001 ) - 2007-12-21 20:35

5

Open

None

Nobody/Anonymous

None

None

Public


Comments ( 44 )

Date: 2009-12-28 16:04
Sender: lelapinou

I need help for this pluggin. I install this in one site. The player works
locally, but on the online site, he put the message 'Get the Flash Player
to see this player'. Who can guide me. Thank you


Date: 2009-12-22 08:50
Sender: bestis

Is there any plans from anyone to port this to CKEditor? CKEditor has
redesigned plugin architecture so this doesn't work. Also have you guys
noted that some of the options which JW FLV player supports has changed on
the way? Latest JW FLV Player is 5.



Date: 2009-07-08 13:44
Sender: bellskar

after strugling with the added swfobjects I gave up and used the new
version with new mediaplayer.swf and expressInstall.swf

removed the older swfobjects embed script.
and added new like below in flvPlayer.js on line number 366

s+= '<div id="player' + randomnumber + '-parent" style="text-align:
center;' + cssfloat + '">\n';
s+= '<div style="border-style: none; height: ' + thisHeight + 'px; width:
' + thisWidth + 'px; overflow: hidden; background-color: rgb(220, 220,
220); background-image: url(' + oEditor.FCKConfig.PluginsPath +
'flvPlayer/flvPlayer.gif); background-repeat:no-repeat;
background-position:center;' + cssalign + '">';
s+= '<script src="' + oEditor.FCKConfig.PluginsPath +
'flvPlayer/swfobject.js" type="text/javascript"></script>\n';
s+= '<script type="text/javascript">swfobject.registerObject("player' +
randomnumber + '","9.0.98","' + oEditor.FCKConfig.PluginsPath +
'flvPlayer/expressInstall.swf");</script>';
s+= '<object id="player' + randomnumber + '"
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player' +
randomnumber + '" width="328" height="200">';
s+= '<param name="movie" value="' + oEditor.FCKConfig.PluginsPath +
'flvPlayer/mediaplayer.swf" />';
s+= '<param name="allowfullscreen" value="true" />';
s+= '<param name="allowscriptaccess" value="always" />';
s+= '<param name="height" value="' + thisHeight + '" />';
s+= '<param name="width" value="' + thisWidth + '" />';
s+= '<param name="flashvars" value="file=' + this.url + '&image=' +
this.iurl + '" />';
s+= '<object type="application/x-shockwave-flash" data="' +
oEditor.FCKConfig.PluginsPath + 'flvPlayer/mediaplayer.swf" width="328"
height="200">';
s+= '<param name="movie" value="' + oEditor.FCKConfig.PluginsPath +
'flvPlayer/mediaplayer.swf" />';
s+= '<param name="allowfullscreen" value="true" />';
s+= '<param name="allowscriptaccess" value="always" />';
s+= '<param name="height" value="' + thisHeight + '" />';
s+= '<param name="width" value="' + thisWidth + '" />';
s+= '<param name="flashvars" value="file=' + this.url + '&image=' +
this.iurl + '" />';
s+= '<p><a href="http://get.adobe.com/flashplayer">Get Flash</a> to see
this player.</p>';
s+= '</object>';
s+= '</object>';

this is not yet functioning with all attributes as appeared but I
currently needed them. you can add just as in with older swfobjects script


Date: 2009-02-04 15:09
Sender: macker999

Hi


I have downloaded the plugin abd everything works fine accept one thing.
When i click on the browse button for MOVIE/MEDIA FILE I get a cannot find
page window with the following web
address: http://localhost/FCKEditor/editor/plugins/flvPlayer/undefined.
Is there anything I can do to fix this?

Thanks


Date: 2009-01-10 19:29
Sender: jjrjr1

Hi

I downloaded the FLV Player for FCKEditor. What a great thing to have
done. It really looks great and I was able to install it easily.

However, I am having one problem. When I cliek on the FLVPlayer icon on
my tool bar your window pops up

give me a javascript error line 40 in the HTML file

It says error 'id' is null or not an object in line 40
for FLVPlayer.HTML


I tell it to continue to execute the page and your window comes up with
only a cancel button. It has no OK button to save the object.

Also The title in the browser window for the flvplayer intert window says
Undefined..

Is ther anyway you can help me with this

Thanks

John Real


Date: 2008-12-25 23:38
Sender: sens0r

Please, help!
I use this plugin in drupal 6.8 (FCKeditor 6.x-2.0-alpha4, File browser
type: Built-in filebrowser)
"browse" buttons not work in 'FLV Video Player' Window

How fix this?

Errors log in firebug:

GetE is not defined
http://drupals/blognadrupal/sites/all/modules/fckeditor/plugins/flvPlayer/flvPlayer.js
Line 105
LoadSelection()flvPlayer.js (line 105)
window_onload()flvPlayer.js (line 24)
flvPlayer.html()()flvPlayer.html (line 232)
[Break on this error] GetE('rbFileType').value = oMedia.fileType;

OpenFileBrowser is not defined
http://drupals/blognadrupal/sites/all/modules/fckeditor/plugins/flvPlayer/flvPlayer.js
Line 277
OpenServerBrowser("flv", undefined, undefined, undefined)flvPlayer.js
(line 277)
BrowseServer()flvPlayer.js (line 233)
onclick(click clientX=497, clientY=93)exHe1eZZ...kpA%3D%3D (line 2)
[Break on this error] OpenFileBrowser( url, width, height ) ;


Date: 2008-12-15 17:21
Sender: samehhassan

i have added the plugin to the editor, but it always gives me this "Get the
Flash Player to see this player."


Date: 2008-11-24 09:03
Sender: brotherhood4

Hello,

first thank you for the great plugin. It works great in firefox.
Unfortunatly it is not working in IE 7.
I am getting a Javascript error; "ID is empty or not a Object error on row
40 flvplayer.html". Any help would be appricated.

Kind regard,

Lennart van der Hoorn


Date: 2008-11-17 16:35
Sender: xmorueco

I had problems with drupal 6.6 and FCKEditor 2.6.3, because I needed to
open an IMCE FileManager to upload or select a file. To solve, I executed
these steps:

vi flvPlayer/flvPlayer.js

Change:
OpenServerBrowser(
'flv',
oEditor.FCKConfig.MediaBrowserURL,
oEditor.FCKConfig.MediaBrowserWindowWidth,
oEditor.FCKConfig.MediaBrowserWindowHeight ) ;

by:

OpenServerBrowser(
'flv',
oEditor.FCKConfig.FlashBrowserURL,
oEditor.FCKConfig.FlashBrowserWindowWidth,
oEditor.FCKConfig.FlashBrowserWindowHeight ) ;

Now, IMCE will be opened, but when you select a file, IMCE can't send back
the path.
To solve it:

vi flvPlayer/flvPlayer.html
Change all ocurrencies of "txtURL" by "txtUrl"

vi flvPlayer/flvPlayer.js
Change all ocurrencies of "txtURL" by "txtUrl"

Now all is working fine !

Thanks, it's a very good and useful Plugin....





Date: 2008-10-03 08:14
Sender: manorius

I have the same issue, this plugin is not working with the latest version
of FCKeditor. Any patches or code that might help?

Thanks



Date: 2008-08-23 01:31
Sender: minh0583


ádasd


Date: 2008-08-23 01:30
Sender: minh0583


adsasd


Date: 2008-08-05 20:46
Sender: arthurshim


When I click on the BROWSE button for MOVIE/MEDIA FILE I get a blank
window with nothing in it. Anyone else run into this issue?

FCKEditor 2.6.3 Beta


Date: 2008-08-05 14:28
Sender: pcool


I really like your work and I have a few problems

1. when you have added a flv player and you want to edit it again you do
not get to see the popup with the filled in properties. This way it is not
possible to for instance change the dimensions. (somebody already mentioned
this below). Can this be added? This is probably complex

2. When I add a flv file through internet explorer I get to see the
controls (play, volume, timeline) in IE but not in Firefox. The other way
around: when I add a flv file in Firefox then I do not get to see the
controls anywhere (not in Firefox, not in IE).

Can somebody help me with this. It is the best flv player around and I
would really like it to see it working correctly in FCKeditor but
unfortunately my knowledge is to limited to help with this.


Date: 2008-07-29 18:36
Sender: jozeunico


Ah, I forget it, I am using FCK 2.6.3 Beta and in this momento I am
downloading the 2.5.x version and 2.4.x to test the plugin with these
versions in IE7

.Thanks one more time.


Date: 2008-07-29 18:36
Sender: jozeunico


Ah, I forget it, I am using FCK 2.6.3 Beta and in this momento I am
downloading the 2.5.x version and 2.4.x to test the plugin with these
versions in IE7

.Thanks one more time.


Date: 2008-07-29 18:09
Sender: jozeunico


Hello, before everything, thanks for the plugin,
well i have a problem, it's that I configure the plugin and adding to the
fckeditor, but it doesn't work in Internet explorer 7.¿Somebody knows how
to make it works in IE ?

Thanks, if someone can help me, thanks. y thanks for the plugin again to
gmann001


Date: 2008-07-07 20:34
Sender: jeffgsr


A new version of the JW_Media_Player has been released (Version 4.0). This
new player has a bunch of new features. Can anyone update the FLV player
plugin with the new player?

Thanks


Date: 2008-06-23 09:30
Sender: csgit


Hi,
i download flvplayer.zip but when i extract the file i have the error "Zip
corrupt."
Why?


Date: 2008-06-06 06:15
Sender: markpenny


Sorry. Me again. It's worse than I thought. The gray box absorbs all the
content below it.

By the way, I have Flash installed on my computer and can view the JW
Player when I post using the FCKEditor Flash dialog.


Date: 2008-06-06 06:01
Sender: markpenny


I did not alter ?Type=Flash in fckeditor/fckeditor/fckconfig.js.


Date: 2008-06-06 05:53
Sender: markpenny


Here's the source code for the gray box. Looks okay to me, but I'm not
expert.

<div style="text-align: center; float: left;" id="player688868-parent">
<div style="border-style: none; overflow: hidden; height: 200px; width:
250px; background-color: rgb(220, 220, 220); background-image:
url(../../fckeditor/editor/plugins/flvPlayer/flvPlayer.gif);
background-repeat: no-repeat; background-position: center;"><script
src="../../fckeditor/editor/plugins/flvPlayer/swfobject.js"
type="text/javascript"></script>
<div id="player688868"><a
href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a>
to see this player.
<div style="overflow: hidden; display: none; visibility: hidden; width:
0px; height: 0px;"
id="player688868-config">url=/sites/default/files/flash/ammoneatingicecream.flv
iurl=/sites/default/files/images/farpenny1967computerpagecroppedshadowedcropped.thumbn
width=250 height=200 loop=false play=false downloadable=true
fullscreen=true displayNavigation=true displayDigits=true align=left
dispPlaylist=none playlistThumbs=false</div>
</div>
<script type="text/javascript">
var s1 = new
SWFObject("../../fckeditor/editor/plugins/flvPlayer/mediaplayer.swf","single","250","200","7");
s1.addVariable("width","250");
s1.addVariable("height","200");
s1.addVariable("autostart","false");
s1.addVariable("file","/sites/default/files/flash/ammoneatingicecream.flv");
s1.addVariable("repeat","false");
s1.addVariable("image","/sites/default/files/images/farpenny1967computerpagecroppedshadowedcropped.thumbn");
s1.addVariable("showdownload","true");
s1.addVariable("link","/sites/default/files/flash/ammoneatingicecream.flv");
s1.addParam("allowfullscreen","true");
s1.addVariable("showdigits","true");
s1.addVariable("shownavigation","true");
s1.addVariable("logo","");
s1.write("player688868");
</script></div>
</div>
<p>&nbsp;</p>


Date: 2008-06-06 05:22
Sender: markpenny


First of all, thanks for this plugin.

Second of all, I got it working in my environment (Drupal 6.2) by
pointing the FCKEditor shell (fckeditor/fckeditor.config.js) at the
FCKEditor plugins folder (../../fckeditor/fckeditor/plugins/) and adding
<b>FCKConfig.Plugins.Add( 'flvPlayer','en' ) ;</b> to
<b>fckeditor/fckeditor.config.js</b>. Naturally, I also moved all the shell
plugins to <b>../../fckeditor/fckeditor/plugins/</b>. This allowed the FLV
Player Plugin to work smoothly with the FCKEditor default file browser
(opening the browser, capturing urls, inserting the results in the text
editing box).

Third of all, instead of a video I got an echo of the entire webpage.

Fourth of all, I got the FLV Player Plugin to work with IMCE (an
alternative file browser that integrates seamlessly with FCKEditor in
Drupal) by copying pasting all the FlashBrowser and FlashUpload code in
<b>fckeditor/fckeditor/fckconfig.js</b> and changing "Flash" to "Media" in
the new lines of code.

Fifth of all, the FLV Player Plugin interface now grabs dimension data,
but fails to grab urls.

I'm still hunting around for something else to change in hopes of getting
things working, but for the moment I have no urls and no video. If I type
the url into the url field, I get a gray box with "Get the Flash player to
see this player", followed by text from the webpage--links and all.

Anybody know what's wrong and how to fix it?


Date: 2008-05-30 17:38
Sender: tigerlady


THank you for getting back with me. Your suggestion worked.

There is one thing that I make a suggestion of.

If you have already put a flash video on the page and then want to edit
antying from the flvPlayer FCK editor doesn't bring up the current one
selected it brings up a new dialog with nothing in it. and if you try to
add or change anything it throws a javascript error. So the suggestion is
that the flvPlayer button will bring up the dialog with your preconfigured
file in it if you have it selected in the editor like it does when you
select an image in the editor.

Thank you again for your response.


Date: 2008-05-30 16:31
Sender: krzwaw83


to "tigerlady":
1. Sorry - my english is not good.
2. Look at flvPlayer.html and find: BrowseServer(); <- this is function
called to browse your *.flv file.
In top of flvPlayer.html file you can find: <script src="flvPlayer.js"
type="text/javascript"></script>
Open this *.js file and find BrowseServer() function and change it to:

function BrowseServer()
{
OpenServerBrowser(
'flv',
oEditor.FCKConfig.FlashBrowserURL,
oEditor.FCKConfig.FlashBrowserWindowWidth,
oEditor.FCKConfig.FlashBrowserWindowHeight ) ;
}

Should be ok.


Date: 2008-05-29 23:17
Sender: tigerlady


I have downloaded and installed the flv plugin and it shows up when
clicking the button however, when I select the single media i get an
undefined error for the browse button. I have incorporated the ckfinder
into the fckeditor.js file and the browse for images or select a play list
brings up the ckfinder however, the browse throws an undefined error.

FCKConfig.FlashBrowser = true ;
FCKConfig.FlashBrowserURL =
'/admin/whattodo/ckfinder/ckfinder.html?type=Flash' ;
FCKConfig.FlashBrowserWindowWidth = FCKConfig.ScreenWidth * 0.7 ; //70%
;
FCKConfig.FlashBrowserWindowHeight = FCKConfig.ScreenHeight * 0.7 ; //70%
;

Any help or recommendations would be appreciated.


Date: 2008-05-28 10:45
Sender: saul11Accepting Donations


Is this the same plugin as described on
http://wiki.lamsfoundation.org/display/lams/flvPlayer with video
http://wiki.lamsfoundation.org/display/lamsdocs/FCK+Media+Player+Demo ?


Date: 2008-05-28 10:31
Sender: saul11Accepting Donations


Is there a way to play the videos, or even show them, within the Fckeditor
itself?


Date: 2008-05-24 16:00
Sender: gmann001


I took some of the comments people had and tried cleaning/fixing. I'm not
very good at this so any suggestions would be good. The update also
includes the latest player from jeroenwjering.com


Date: 2008-05-24 15:58
Sender: gmann001


File Added: flvPlayer.zip


Date: 2008-05-23 23:50
Sender: treibstoff


hi jeffgsr;
you're the man of today with good eyes...
I allways overread these wrong setted comments...(sic!)
and I was wondering that the original jeroenwjering script was working and
didn't saw that differnce!!!
however....thanx a lot...working fine!!

I would suggest to replace the <p></p> tags inside the flvplayer.js with
the <div></div> tags 'cause in most scripts better to control if you want
to place text just below or above the video or audio!!!!!!!!

cheers
thomas


Date: 2008-05-22 20:14
Sender: jeffgsr


The reason why the player is not showing up is because the comments are //
are greying out other lines of the code.

To fix this go into the flvPlayer.js file and find the following line of
code:

s+= ' // NOTE: FOR LIST OF POSSIBLE SETTINGS GOTO
http://www.jeroenwijering.com/extras/readme.html\n';

and change it to the following:

s+= ' /*NOTE: FOR LIST OF POSSIBLE SETTINGS GOTO
http://www.jeroenwijering.com/extras/readme.html*/\n';

You will also want to change the comments for the following lines of
code:

s+= ' //s1.addVariable("largecontrols","true");\n';
s+= ' //s1.addVariable("bufferlength","3");\n';
s+=
' //s1.addVariable("audio","http://www.jeroenwijering.com/extras/readme.html");\n';

I also recommend downloading the latest mediaplayer.swf file from
http://www.jeroenwijering.com


Date: 2008-05-22 17:56
Sender: bestis


To couple of previous posters. It will not show the flash in FCKeditor,
thank god.
You need to "save"/"publish" or whatever your system does with the code
that the
FCKeditor generates. It will show then.



Date: 2008-05-22 16:55
Sender: jeffgsr


I tried version 2.5 & 2.6 and it did not work for me. I get the message
"Get the Flash Player to see this player." Outputted code is very similar
to the post below. Any help is greatly appreciated.


Date: 2008-05-20 23:14
Sender: treibstoff


doesn't work for me using Fck 2.6

only Get Video Player will be shown (is installed for sure!!)

code goes like this:
<code><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html
dir="ltr"><head><title>Vorschau</title><link
href="/news/fckeditor/editor/css/fck_editorarea.css" type="text/css"
rel="stylesheet" /></head><body><p><script
src="/news/fckeditor/editor/plugins/flvPlayer/swfobject.js"
type="text/javascript"></script><table cellspacing="0" cellpadding="0"
border="0"><tbody><tr><td><p id="player869760"><a
href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a>
to see this player.</p></td></tr></tbody></table><script
type="text/javascript">
//NOTE: FOR LIST OF POSSIBLE SETTINGS GOTO
http://www.jeroenwijering.com/extras/readme.html
var s1 = new
SWFObject("/news/fckeditor/editor/plugins/flvPlayer/mediaplayer.swf","single","340","240","7");
s1.addVariable("width","340");
s1.addVariable("height","240");
s1.addVariable("autostart","true");
s1.addVariable("file","/news/files/media/bobby%20few.flv");
s1.addVariable("repeat","false");
s1.addVariable("image","");
s1.addVariable("showdownload","true");
s1.addVariable("link","/news/files/media/bobby%20few.flv");
s1.addParam("allowfullscreen","true");
s1.addVariable("showdigits","true");
s1.addVariable("shownavigation","true");
s1.addVariable("logo","");
//s1.addVariable("largecontrols","true");
//s1.addVariable("bufferlength","3");
//s1.addVariable("audio","http://www.jeroenwijering.com/extras/readme.html");
s1.write("player869760");
</script></p></body></html></code>

something wrong???
or any solution????

would be nice to get answer....

cheers



Date: 2008-05-16 08:23
Sender: bestis


Hi,

I've found this from:
http://wiki.lamsfoundation.org/display/lams/flvPlayer

And I've made some changes to it, you can also edit the player elements.

Whole package:
http://pronetko.fi/~bestis/flvPlayer.zip
Patch (not including newer JW FLV player, of course)
http://pronetko.fi/~bestis/flvPlayer.sf.patch




Date: 2008-04-22 20:40
Sender: jhans


Hi

it works like a charme. Is here the place to raise a feature request?

Is it possible to add the capability to hide/show the player to have a
slim article and that only on user request the whole player is displayed?

Thanks in advance
Joachim


Date: 2008-03-26 17:45
Sender: pempas


Hi,

I have test your plugin to flvplayer, but I have found a problem.

my page has codification iso-8859-1 and when I use plugin it changes the
codification to me page to UTF-8.
You know what could be, Where it is the problem?
Sorry for my english.

Thanks!



Date: 2008-03-03 08:48
Sender: chuasoi


I can't config this file.


Date: 2008-01-03 14:31
Sender: gmann001


Another update is that you can now select a "recommendations" file (xml).
When set, this will display a list after your media is played of your
recommendations to other sites, etc. An example recommendation XML file is
included in the ZIP file.


Date: 2008-01-03 14:28
Sender: gmann001


Added more functionality to include Playlists settings
File Added: flvPlayer.zip


Date: 2008-01-02 21:33
Sender: gmann001


File Added: flvPlayer.zip


Date: 2008-01-02 21:30
Sender: gmann001


File Added: flvPlayer.zip


Date: 2008-01-02 21:29
Sender: gmann001


This is an updated version that allows to run playlists through the FLV
player. There are 2 samples of playlists (XML files) located within the
zip file.
File Added: flvPlayer.zip


Attached File ( 1 )

Filename Description Download
flvPlayer.zip Updated file Download

Changes ( 11 )

Field Old Value Date By
File Added 278897: flvPlayer.zip 2008-05-24 15:58 gmann001
File Deleted 260622: 2008-05-24 15:54 gmann001
File Added 260622: flvPlayer.zip 2008-01-03 14:28 gmann001
File Deleted 260519: 2008-01-03 14:27 gmann001
File Added 260519: flvPlayer.zip 2008-01-02 21:33 gmann001
File Deleted 260518: 2008-01-02 21:32 gmann001
File Added 260518: flvPlayer.zip 2008-01-02 21:30 gmann001
File Deleted 260517: 2008-01-02 21:29 gmann001
File Added 260517: flvPlayer.zip 2008-01-02 21:29 gmann001
File Deleted 259446: 2008-01-02 21:29 gmann001
File Added 259446: flvPlayer.zip 2007-12-21 20:35 gmann001