Rad Editor not playing FLV video in Firefox

10 posts, 0 answers
  1. karthic chandran
    karthic chandran avatar
    3 posts
    Member since:
    Oct 2009

    Posted 25 Jun 2011 Link to this post

    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
  2. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 27 Jun 2011 Link to this post

    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

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. karthic chandran
    karthic chandran avatar
    3 posts
    Member since:
    Oct 2009

    Posted 27 Jun 2011 Link to this post

    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
  5. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 29 Jun 2011 Link to this post

    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

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  6. John M
    John M avatar
    14 posts
    Member since:
    Aug 2009

    Posted 23 Oct 2013 Link to this post

    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





  7. Ianko
    Admin
    Ianko avatar
    1535 posts

    Posted 24 Oct 2013 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  8. Michael Shaich
    Michael Shaich avatar
    4 posts
    Member since:
    Sep 2009

    Posted 25 Oct 2013 Link to this post

    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
  9. Ianko
    Admin
    Ianko avatar
    1535 posts

    Posted 28 Oct 2013 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  10. Pradeep Deshpande
    Pradeep Deshpande avatar
    8 posts
    Member since:
    Sep 2009

    Posted 07 Jul Link to this post

    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

  11. Ianko
    Admin
    Ianko avatar
    1535 posts

    Posted 07 Jul Link to this post

    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
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017