1. 程式人生 > >經驗及技巧:用MediaElement 控制元件實現全屏並自動旋轉至橫屏!

經驗及技巧:用MediaElement 控制元件實現全屏並自動旋轉至橫屏!

如何實現搜狐視訊開始一部分螢幕播放,點選後實現全屏並自動橫屏。我剛開始思路是自己控制進行旋轉,不過最後還是有些問題。
其實不用那麼麻煩,方法很簡單。只要設定MediaElement的AreTransportControlsEnabled 屬性均為true即可。AreTransportControlsEnabled 屬性是用來顯示MediaElement 控制元件自帶的控制播放的控制元件,它自帶全屏功能,它在全屏時會自動旋轉為橫屏。

                <MediaElement  Width="400" Height="400"  x:Name="me"  Source="video.mp4" 

               HorizontalAlignment="Left" AutoPlay="True"
               VerticalAlignment="Top" 
                       AreTransportControlsEnabled="True"

         />

執行效果如下: