Youtube video in popup window full screen

[Chris]

Hi,

I want to embed the following HTML into a popup window, but I am unable to watch it fullscreen:

<iframe width="560" height="315" src="https://www.youtube.com/embed/sNIMCdVOHOM" frameborder="0" allowfullscreen></iframe>

This is due to internally telerik generates a window by using an iframe to load the content into, this iframe is missing the "allowfullscreen" attribute therefore the browser does not allow full screen.

How can I add an attribute to the iframe internally generated by telerik?

Chris

 

 

[Marin Bratanov]

Hi Chris,

You can get the iframe in the OnClientShow event (http://docs.telerik.com/devtools/aspnet-ajax/controls/window/client-side-programming/events/onclientshow) through the get_contentFrame() method (http://docs.telerik.com/devtools/aspnet-ajax/controls/window/client-side-programming/radwindow-object). Here is a basic example:

<telerik:RadWindow ID="RadWindow1" runat="server" OnClientShow="setIframeAttr" VisibleOnPageLoad="true"></telerik:RadWindow>
<script>
    function setIframeAttr(sender, args) {
        var frame = sender.get_contentFrame();
        if (frame) {
            frame.setAttribute("allowfullscreen", "true");
        }
    }
</script>

Regards,

Marin Bratanov
Telerik

[Chris]

Thanks, I must have completely missed this option in the documentation.

[Chris]

I have just found out annoyingly this does not work in the latest version of internet explorer, well only if you re-load the popup page on first load.

Chris

[Chris]

As a FYI to others the event 'OnClientBeforeShow' should be used instead of 'OnClientShow'