Rad Editor not playing FLV video in Firefox

[karthic chandran]

Hi,

I  have used the below code to play the FLV video on the rad editor its working fine in IE.but its not working in firefox.Any help would be appreciated.

<OBJECT codeBase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000 width=512>
 <param name='flashvars' value='file=http://122.165.16.58:91/CourseBuilder/Video/sample.flv' /><param name='movie' value='http://122.165.16.58:91/CourseBuilder/Video/player.swf' /><embed src='http://122.165.16.58:91/CourseBuilder/Video/player.swf'  originalAttribute="src" originalPath='http://122.165.16.58:91/CourseBuilder/Video/player.swf' width='512' height='300' bgcolor='#FFFFFF' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' flashvars='file=http://122.165.16.58:91/CourseBuilder/Video/sample.flv' ></OBJECT>

Thanks,

Anand

[Dobromir]

Hi Anand,

RadEditor's content area is an editable <iframe> and Firefox could not play Flash object / embed videos in the editable elements. You can verify this using a standard editable <iframe>. For your convenience I have attached a simple HTML page with an editable <iframe>.

Kind regards,
Dobromir
the Telerik team

[karthic chandran]

Hi Dobromir,

 Thanks for the reply.i will convince the client but there is a problem in IE too.its playing the video fine but if i drag the player and drop it some where in the editor then i cant able to play the file anymore.

Actually i saw there is a code generated automatically once i drag and drop. if i remove that in html mode then its working fine.But i don't know why its generated.

Below is the code that working fine.

<OBJECT codeBase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000 width=512>
<param name='flashvars' value='file=http://122.165.16.58:91/CourseBuilder/Video/sample.flv' />
<param name='movie' value='http://122.165.16.58:91/CourseBuilder/Video/player.swf' />
<embed src='http://122.165.16.58:91/CourseBuilder/Video/player.swf'  originalAttribute="src" originalPath='http://122.165.16.58:91/CourseBuilder/Video/player.swf' width='512' height='300' bgcolor='#FFFFFF' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' flashvars='file=http://122.165.16.58:91/CourseBuilder/Video/sample.flv' >
</OBJECT>

This is the code generated after i drag and drop.

<OBJECT codeBase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000 width=512>
<param name='flashvars' value='file=http://122.165.16.58:91/CourseBuilder/Video/sample.flv' />
<param name='movie' value='http://122.165.16.58:91/CourseBuilder/Video/player.swf' />
<embed src='http://122.165.16.58:91/CourseBuilder/Video/player.swf' originalAttribute="src" originalPath="http://122.165.16.58:91/CourseBuilder/Video/player.swf"  originalAttribute="src" originalPath='http://122.165.16.58:91/CourseBuilder/Video/player.swf' width='512' height='300' bgcolor='#FFFFFF' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' flashvars='file=http://122.165.16.58:91/CourseBuilder/Video/sample.flv' >
</OBJECT>

originalAttribute="src" originalPath="http://122.165.16.58:91/CourseBuilder/Video/player.swf"  line is added automatically so that i cant able to play the video anymore.Whenever i changed design mode to html the same line getting added one more time.Please help me in this.i want to play the video after i drag and drop.

Thanks
Anand

[Dobromir]

Hi Anand,

I tried to reproduce this problem but to no avail. Could you please provide more detailed information on the specific scenario?

• Which version of RadControls for ASP.NET AJAX and .NET Framework are used in the application?
• Under which version of Internet Explorer do you experience this problem?
• Are you able to reproduce the problem on the live demos? If so, could you please provide the exact steps the need to be executed in order to reproduce the issue?
• Could you please provide a simple fully runnable project reproducing the problem so we can investigate it further?

Looking forward to hearing from you,
Dobromir
the Telerik team

[John M]

Dobromir,

I too am experiencing this same issue still.  I thought I would resurrect this old thread to help others since no solution was found.  I was going through the hassle of creating an example project for you until I noticed that the Telerik asp ajax examaple page (located here: http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx) has the same issue.  My embed code is broken by the RadEditor.

Here are the repro steps.

1. Go to http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx
2. Click to the HTML tab in the RadEditor
3. Delete all content
4. Paste in my original embed code (see code below).  Notice the embed code looks correct after a paste.
5. Click to the Design tab in the RadEditor
6. Click back to the HTML tab - notice the changes to the embed code

After doing this, my embed code parameters have been rearranged (not a big a deal) and all the ampersands in the querystring have been duplicated.  They now appear as "&amp;" instead of just "&".  It appears some browsers are able to figure this out but in certain browsers won't display.

Here is my original embed code:

<object width="480" height="270" id="flashObj" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,47,0">
<param name="movie" value="http://c.brightcove.com/services/viewer/federated_f9?isVid=1&isUI=1" />
<param name="bgcolor" value="#FFFFFF" />
<param name="flashVars" value=
"videoId=42459720001&playerID=1084775972001&playerKey=AQ~~,AAAAAFiQEeY~,Tzlaxj7aY-cr8eGhHyY1C-F2SUJ_NTM5&domain=embed&dynamicStreaming=true" />
<param name="base" value="http://admin.brightcove.com" />
<param name="seamlesstabbing" value="false" />
<param name="allowFullScreen" value="true" />
<param name="swLiveConnect" value="true" />
<param name="allowScriptAccess" value="always" />
<embed src="http://c.brightcove.com/services/viewer/federated_f9?isVid=1&isUI=1" bgcolor="#FFFFFF" flashVars="videoId=42459720001&playerID=1084775972001&playerKey=AQ~~,AAAAAFiQEeY~,Tzlaxj7aY-cr8eGhHyY1C-F2SUJ_NTM5&domain=embed&dynamicStreaming=true" base="http://admin.brightcove.com" name="flashObj" width="480" height="270" seamlesstabbing="false" type="application/x-shockwave-flash" allowFullScreen="true" allowScriptAccess="always" swLiveConnect="true" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed>
</object>

Here is what it looks like after passing through the editor:

<object width="480" height="270" id="flashObj" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,47,0">
<param name="movie" value="http://c.brightcove.com/services/viewer/federated_f9?isVid=1&amp;isUI=1"/>
<param name="bgcolor" value="#FFFFFF"/>
<param name="flashVars" value="videoId=42459720001&amp;playerID=1084775972001&amp;playerKey=AQ~~,AAAAAFiQEeY~,Tzlaxj7aY-cr8eGhHyY1C-F2SUJ_NTM5&amp;domain=embed&amp;dynamicStreaming=true"/>
<param name="base" value="http://admin.brightcove.com"/>
<param name="seamlesstabbing" value="false"/>
<param name="allowFullScreen" value="true"/>
<param name="swLiveConnect" value="true"/>
<param name="allowScriptAccess" value="always"/>
<embed name="flashObj" width="480" height="270" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" src="http://c.brightcove.com/services/viewer/federated_f9?isVid=1&amp;isUI=1" type="application/x-shockwave-flash" bgcolor="#FFFFFF" flashvars="videoId=42459720001&amp;playerID=1084775972001&amp;playerKey=AQ~~,AAAAAFiQEeY~,Tzlaxj7aY-cr8eGhHyY1C-F2SUJ_NTM5&amp;domain=embed&amp;dynamicStreaming=true" base="http://admin.brightcove.com" seamlesstabbing="false" allowfullscreen="true" allowscriptaccess="always" swliveconnect="true">
</object>

I bolded the areas that are problematic.  I had attempted to use the "format code block" in this editor to paste this but that actually removes the "amp;" so you don't see the error.  Again, I created this using the telerik demo site.  You can verify my embed code works on it's own by saving it in a .htm file and testing in all browsers which you will also find attached to this post.  Reneme the file from flash.jpg to flash.htm to test with it.

Thank you for your time,

John

[Ianko]

Hi John,

The mentioned issue is reproducible only under Firefox and as Dobromir has mentioned in his post, this is a browser behavior, which causes the embedded flash objects unavailable in editable iframes.

Regards,
Ianko
Telerik

[Michael Shaich]

Ianko,

For the community I am posted the solution you provided my counterpart here.  Adding this javascript to the page where the Editor control lives will fix this issue with flash embed code in the Editor on Firefox.

<script type="text/javascript">
     Telerik.Web.UI.Editor.MozillaKeepFlash.prototype.getHtmlContent = function (argument) {
          return argument;
     }

     Telerik.Web.UI.Editor.MozillaKeepFlash.prototype.getDesignContent = function (argument) {
           return argument;
     }
</script>

Thank you!

John

[Ianko]

Hello John,

Thank you for sharing the solution with the Telerik community.

For everyone interested in this solution, I would like to point out that the provided Client-side implementation provided by John should be placed right after the RadEditor control's registration in the ASPX file.

Regards,
Ianko
Telerik

[Pradeep Deshpande]

RadEditor is not working without enabling the flash player add on in web any browsers.If we enable the Flash player it will work normally as expected.

Is there any way to make it work without enabling the Flash player in web browsers.

Thanks,

Pradeep

[Ianko]

Hi,

The short answer is no. 

Installing Flash plugin to play Flash videos in a browser is a browser requirement that cannot be controlled by an UI component. 

Regards,
Ianko
Telerik by Progress