c# - Video recording in portrait orientation is 90 degree rotated in windows phone 8 -

i using xaml in app record video , play .everything working fine except video coming in 90 degree rotated form. :

<phone:phoneapplicationpage      x:class="recoedvedio.mainpage"     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"     xmlns:phone="clr-namespace:microsoft.phone.controls;assembly=microsoft.phone"     xmlns:shell="clr-namespace:microsoft.phone.shell;assembly=microsoft.phone"     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"     mc:ignorable="d"     fontfamily="{staticresource phonefontfamilynormal}"     fontsize="{staticresource phonefontsizenormal}"     foreground="{staticresource phoneforegroundbrush}"     supportedorientations="portraitorlandscape" orientation="portrait"     shell:systemtray.isvisible="true">      <!--layoutroot root grid page content placed-->     <phone:phoneapplicationpage.applicationbar>         <shell:applicationbar isvisible="true" ismenuenabled="true" x:name="phoneappbar" opacity="0.0">              <shell:applicationbariconbutton iconuri="/assets/appbar/feature.video.png" text="record"  x:name="startrecording" click="startrecording_click" />   <shell:applicationbariconbutton iconuri="/assets/appbar/stop.png" text="stop" x:name="stopplaybackrecording" click="stopplaybackrecording_click"/>  <shell:applicationbariconbutton iconuri="/assets/appbar/transport.play.png" text="play" x:name="startplayback" click="startplayback_click"  />   <shell:applicationbariconbutton iconuri="/assets/appbar/transport.pause.png" text="pause" x:name="pauseplayback" click="pauseplayback_click"/>  </shell:applicationbar>     </phone:phoneapplicationpage.applicationbar>      <!--layoutroot root grid page content placed-->     <canvas x:name="layoutroot" background="transparent">          <!--camera viewfinder >-->         <rectangle x:name="viewfinderrectangle" width="460" height="661" horizontalalignment="left" canvas.left="10" canvas.top="10"/>      <mediaelement x:name="videoplayer"  autoplay="true" rendertransformorigin="0.5, 0.5" verticalalignment="center" horizontalalignment="center" stretch="uniformtofill"  canvas.left="10" canvas.top="10"/>          <!--used debugging >-->         <textblock              height="40"              horizontalalignment="left"             name="txtdebug"              verticalalignment="top"             width="414"             fontsize="24"              fontweight="extrabold" canvas.left="42" canvas.top="616"/>    </canvas>  </phone:phoneapplicationpage> 

but when recording video in portrait orientation video shown in screen rotated 90 degree. can 1 tell me doing wrong..? appreciated.