C# WPF 用MediaElement控制元件實現視訊迴圈播放

　　在WPF裡用MediaElement控制元件，實現一個迴圈播放單一視訊的程式，同時可以控制視訊的播放、暫停、停止。

　　一種方式，使用MediaElement.MediaEnded事件，在視訊播放結束後，自動重新播放；

　　另一種方式，使用WPF定時器，在定時器事件裡寫入視訊播放程式碼。

　　後者優點是可以控制迴圈時長，不必等到視訊播放結束就可以開始下一次播放，比如：同時啟動多個播放程式，使多個時長不同的視訊同時播放，無限迴圈，如果採用第一種方式，累計多次自動播放後，視訊內容就無法同步。

第一種方式：

XAML：
        <MediaElement x:Name="mediaElement" HorizontalAlignment="Left" Height="261" VerticalAlignment="Top" Width="507"/>
        <Button x:Name="btnPlay" Content="Play" HorizontalAlignment="Left" Margin="68,279,0,0" VerticalAlignment="Top" Width="75" Click="btnPlay_Click"/>
        <Button x:Name="btnPause" Content="Pause" HorizontalAlignment="Left" Margin="170,279,0,0" VerticalAlignment="Top" Width="75" Click="btnPause_Click"/>
        <Button x:Name="btnStop" Content="Stop" HorizontalAlignment="Left" Margin="295,279,0,0" VerticalAlignment="Top" Width="75" Click="btnStop_Click"/>    

C#：
        // 視窗載入事件
        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            // 繫結視訊檔案
            mediaElement.Source = new Uri("D:/bird.mp4");

            // 互動式控制
            mediaElement.LoadedBehavior = MediaState.Manual;

            // 新增元素載入完成事件 -- 自動開始播放
            mediaElement.Loaded += new RoutedEventHandler(media_Loaded);  

            // 新增媒體播放結束事件 -- 重新播放
            mediaElement.MediaEnded += new RoutedEventHandler(media_MediaEnded);

            // 新增元素解除安裝完成事件 -- 停止播放
            mediaElement.Unloaded += new RoutedEventHandler(media_Unloaded);
        }

        /*
            元素事件 
        */
        private void media_Loaded(object sender, RoutedEventArgs e)
        {
            (sender as MediaElement).Play();
        }

        private void media_MediaEnded(object sender, RoutedEventArgs e)
        {
            // MediaElement需要先停止播放才能再開始播放，
            // 否則會停在最後一幀不動
            (sender as MediaElement).Stop();
            (sender as MediaElement).Play();
        }

        private void media_Unloaded(object sender, RoutedEventArgs e)
        {
            (sender as MediaElement).Stop();
        }

        /*
            播放控制按鈕的點選事件 
        */
        private void btnPlay_Click(object sender, RoutedEventArgs e)
        {
            mediaElement.Play();
        }

        private void btnPause_Click(object sender, RoutedEventArgs e)
        {
            mediaElement.Pause();
        }

        private void btnStop_Click(object sender, RoutedEventArgs e)
        {
            mediaElement.Stop();
        }        

第二種方式：

　　注：使用DispatcherTimer，需要新增System.Windows.Threading名稱空間。

XAML:
        <MediaElement x:Name="mediaElement" HorizontalAlignment="Left" Height="243" Margin="19,10,0,0" VerticalAlignment="Top" Width="394" LoadedBehavior ="Manual"/>
        <Button x:Name="btnPlay" Content="Play" HorizontalAlignment="Left" Margin="52,270,0,0" VerticalAlignment="Top" Width="75" Click="btnPlay_Click"/>
        <Button x:Name="btnPause" Content="Pause" HorizontalAlignment="Left" Margin="163,270,0,0" VerticalAlignment="Top" Width="75" Click="btnPause_Click"/>
        <Button x:Name="btnStop" Content="Stop" HorizontalAlignment="Left" Margin="266,270,0,0" VerticalAlignment="Top" Width="75" Click="btnStop_Click"/>    

C#：
        DispatcherTimer timer = new DispatcherTimer();  // 定時器timer
        int durTime = 5;  // 視訊播放時長，也就是迴圈週期

        // 視窗載入事件
        private void Window_Loaded(object sender, RoutedEventArgs e)  
        {
            mediaElement.Source = new Uri("D:/bird.mp4"); // 繫結視訊檔案

            mediaElement.Play(); // 設定啟動播放
            timer.Interval = new TimeSpan(0, 0, 0, durTime); // 設定定時器重複週期
            timer.Tick += new EventHandler(timerEvent);  // 設定定時器事件

            timer.Start();  // 啟動定時器
        }

        // 定時器事件 
        public void timerEvent(object sender, EventArgs e)
        {
            // MediaElement需要先停止播放才能再開始播放，
            // 否則會停在最後一幀不動
            mediaElement.Stop();  
            mediaElement.Play(); 
        }

        /*
            播放控制按鈕的點選事件 
        */
        private void btnPlay_Click(object sender, RoutedEventArgs e)
        {
            mediaElement.Play();  // 開始播放
            timer.Start();  // 重新啟動定時器
        }

        private void btnPause_Click(object sender, RoutedEventArgs e)
        {
            mediaElement.Pause(); // 暫停當前播放
            timer.Stop();  // 停止定時器
        }

        private void btnStop_Click(object sender, RoutedEventArgs e)
        {
            mediaElement.Stop(); // 停止當前播放
            timer.Stop();  // 停止定時器
        }

專案原始碼下載連結：https://files.cnblogs.com/files/walker-cheng/WpfVideoCyclePlayer.zip