Fullscreen div element in asp.net site

I have a html document with media gallery:

<divclass="videoTabClass"id="videoTab"><divid="videoGalleryTEST"><videocontrols="controls"preload="metadata"class="media-content"style="height:150px;"title=""src="test.mp4"></video><buttononclick="makeFullScreen">
            Fullscreen</button></div></div>

There is a function for button:

function makeFullScreen(evt){var testFullScreen = document.getElementById("videoGallery");var divObj = document.getElementById("videoGallery");if(divObj.requestFullscreen)if(document.fullScreenElement){
         document.exitFullscreen();}else{
         divObj.requestFullscreen();}elseif(divObj.msRequestFullscreen)**//true in simple *.html but undefined in asp.net**if(document.msFullscreenElement){
         document.msExitFullscreen();}else{
        divObj.msRequestFullscreen();}elseif(divObj.webkitRequestFullscreen)if(document.webkitFullscreenElement){
         document.webkitCancelFullScreen();}else{
         divObj.webkitRequestFullscreen();}}

When I debug this code in simple .html file everything is ok. My video gallery goes on fullscreen in all browsers. The problem appers when I debug this function in ASP.NET site. In Chrome and Mozilla browser it still OK, but in IE-11 there is no msRequestFullscreen() function for specified div element, it's just undefined. How asp.net affects on html elements?