RadWindow LightWeight Video disappears when moving / dragging

[Rob]

Hi there,

It seems that a video placed inside a radWindow disappears while dragging / moving the window. If the Rendermode is Class all works correctly.

Another issue is that in IE11 the dragging with a window is very very slow compared to when it's set to classic.

Is there an issue with lightweight windows?

[Marin Bratanov]

Hi,

Things seem to work fine for me. You can find a short video attached that shows how this behaves on my end as a reference. There is some loss of framerate due to the screen recording softare, both in the played video and while dragging, but locally in all cases the video plays as expected and the lightweight mode moved more smoothly. Framerate also depends on the Internet connection and the played video itself.
Here is the code I used:

<telerik:RadWindow ID="RadWindow1" runat="server" RenderMode="Lightweight" NavigateUrl="http://vimeo.com/"
    VisibleOnPageLoad="true" Width="600px" Height="500px">
</telerik:RadWindow>

There should not be such issues because the lightweight render mode actually renders less and simpler markup that should be faster for the browser to render. It is very likely that the content is what is causing the slowdown. Could you test this with a blank RadWindow to see if there is a difference?

Nevertheless, if in your specific scenario you have issues with the lightweight mode you can simply keep using the Classic one.

Regards,
Marin Bratanov
Telerik

[Rob]

Thanks for the response,

One difference I do see with the way you have implemented the video, is that you are using a NavigateUrl implementation. We use a ContentTemplate to load a usercontrol that has the video embedded in it as opposed to pointing the NavigateUrl to it,
I wonder if that has an impact?

[Marin Bratanov]

Hello,

There shouldn't be a difference and after I tested with a simple youtube video I still cannot find a difference on my end. I am attaching another video from my test and here is the markup I used:

        <telerik:RadWindow ID="RadWindow1" runat="server" VisibleOnPageLoad="true" RenderMode="Lightweight" Height="370px" Width="330px"
    OnClientShow="stopHidingFrames">
    <ContentTemplate>
        <iframe height="300" frameborder="0" width="300" src="http://www.youtube.com/embed/nJOSAwNzyi4?autoplay=1"></iframe>
    </ContentTemplate>
</telerik:RadWindow>
<script type="text/javascript">
    function stopHidingFrames(sender, args)
    {
        if (sender._resizeExtender && sender._resizeExtender.set_hideIframes)
            sender._resizeExtender.set_hideIframes(false)
    }
</script>

I hope this helps you find options that also work for you. Of course, keeping RenderMode to Classic is, most likely, the easiest.

Regards,
Marin Bratanov
Telerik