Bug with Video Player inside Radockzone on Firefox when Dragguing

4 posts, 0 answers
  1. Projet TV
    Projet TV avatar
    4 posts
    Member since:
    Feb 2010

    Posted 18 Mar 2010 Link to this post

    We have tried with both Quicktime and Flowplayer. When the box is dragged while the video is playing, when dropping the video start all over again on Firefox :(. On IE6 it's OK (not tested yet on IE7).

    How to avoid this ?

    Thanks.
  2. Projet TV
    Projet TV avatar
    4 posts
    Member since:
    Feb 2010

    Posted 20 Mar 2010 Link to this post

    Is there anybody from Telerik able to answer ? It's urgent please. Otherwise we'll have to give up and choose another framework.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Pero
    Admin
    Pero avatar
    1156 posts

    Posted 22 Mar 2010 Link to this post

    Hello Projet TV,

    The problem is not related to our RadDock control, but it's expected behavior, when moving the dock (or any other element) under Firefox. The dock is moved in the DOM tree when dragged on the page. This (I guess) causes the DOM tree to be refreshed when using Firefox. Basically, if you have a <div> containing a video (youtube video for example), and start the video, then call appendChild(<div>) (i.e. move the object in the DOM tree) to append the video to another element, the video will be restarted. Here is a test page demonstrating this:

    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head id="Head1" runat="server">
        <title></title>
        <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
     
            <script type="text/javascript">
                function MoveDiv()
                {
                    var video = $get("moveableVideo");
                    var divNewParent = $get("divNewParent");
                    divNewParent.appendChild(video);
                }
            </script>
     
        </telerik:RadCodeBlock>
        <style type="text/css">
            #divVideo
            {
                width: 700px;
                height: 400px;
                border: 2px solid Red;
                padding: 2px;
                float: left;
            }
            #divNewParent
            {
                width: 700px;
                height: 400px;
                border: 2px solid Green;
                padding: 2px;
                float: left;
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
            <Scripts>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
            </Scripts>
        </asp:ScriptManager>
        <telerik:RadDockLayout ID="RadDockLayout1" runat="server">
            <telerik:RadDockZone ID="RadDockZone1" runat="server" MinHeight="100px" Width="500px">
                <telerik:RadDock ID="RadDock1" runat="server" Title="RadDock-Title" Width="500px">
                    <ContentTemplate>
                        <object width="480" height="385">
                            <param name="movie" value="http://www.youtube.com/v/3FcCUXrR1-0&hl=en_US&fs=1&">
                            </param>
                            <param name="allowFullScreen" value="true"></param>
                            <param name="allowscriptaccess" value="always"></param>
                            <embed src="http://www.youtube.com/v/3FcCUXrR1-0&hl=en_US&fs=1&" type="application/x-shockwave-flash"
                                allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>
                    </ContentTemplate>
                </telerik:RadDock>
            </telerik:RadDockZone>
        </telerik:RadDockLayout>
        <div style="height: 20px; padding: 20px;">
            <input type="button" value="MoveDiv" onclick="MoveDiv(); return false;" />
        </div>
        <div id="divVideo">
            <div id="moveableVideo">
                <object width="480" height="385">
                    <param name="movie" value="http://www.youtube.com/v/3FcCUXrR1-0&hl=en_US&fs=1&">
                    </param>
                    <param name="allowFullScreen" value="true"></param>
                    <param name="allowscriptaccess" value="always"></param>
                    <embed src="http://www.youtube.com/v/3FcCUXrR1-0&hl=en_US&fs=1&" type="application/x-shockwave-flash"
                        allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>
            </div>
        </div>
        <div id="divNewParent">
        </div>
        </form>
    </body>
    </html>

    I searched the web for a way to work around this issue in Firefox, but couldn't find any solutions. What you could do at the moment is, disable the movement of the control for Firefox.


    Best wishes,
    Pero
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  5. Projet TV
    Projet TV avatar
    4 posts
    Member since:
    Feb 2010

    Posted 22 Mar 2010 Link to this post

    Hello thank you. We'll use the Raddock for other stuff except the video.
Back to Top