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.
How to avoid this ?
Thanks.
3 Answers, 1 is accepted
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
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:
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.
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">
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
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.