This is a migrated thread and some comments may be shown as answers.

Bug with Video Player inside Radockzone on Firefox when Dragguing

3 Answers 39 Views
Dock
This is a migrated thread and some comments may be shown as answers.
Projet TV
Top achievements
Rank 1
Projet TV asked on 18 Mar 2010, 05:25 PM
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.

3 Answers, 1 is accepted

Sort by
0
Projet TV
Top achievements
Rank 1
answered on 20 Mar 2010, 05:47 PM
Is there anybody from Telerik able to answer ? It's urgent please. Otherwise we'll have to give up and choose another framework.
0
Pero
Telerik team
answered on 22 Mar 2010, 01:05 PM
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.
0
Projet TV
Top achievements
Rank 1
answered on 22 Mar 2010, 01:59 PM
Hello thank you. We'll use the Raddock for other stuff except the video.
Tags
Dock
Asked by
Projet TV
Top achievements
Rank 1
Answers by
Projet TV
Top achievements
Rank 1
Pero
Telerik team
Share this question
or