如何检测WPF MediaElement完成加载以实现流畅播放？

问题背景 #

我基于WPF的MediaElement实现了简单的视频播放控件，点击播放按钮后视频需要约1秒才开始播放。我希望在视频真正开始渲染播放后再显示控件，而非用"开头加黑屏"这类hack方案。此前尝试过：

• 绑定IsBuffering、IsLoaded属性，结果始终显示false
• 监听BufferingStarted/BufferingEnded事件，但从未触发
• 验证过Source、IsMouseOver绑定正常，排除绑定问题

可行解决方案 #

针对WPF MediaElement的特性，推荐结合事件监听+播放位置监控的方案，本地视频因读取速度快，缓冲类事件大概率不会触发，需依赖更可靠的状态信号：

核心思路 #

1. 利用MediaOpened事件确认媒体文件已成功加载（元数据可用）
2. 监听CurrentStateChanged事件跟踪播放状态切换
3. 通过DispatcherTimer监控Position属性变化，确认视频真正开始渲染画面

修改后的实现代码 #

XAML部分

<UserControl x:Class="TestProject.Controls.MediaElementControl"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         mc:Ignorable="d" 
         d:DesignHeight="450" d:DesignWidth="800">
<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
        <RowDefinition Height="Auto"/>
    </Grid.RowDefinitions>
    <StackPanel>
        <Label Content="{Binding ElementName=MediaElement, Path=CurrentState}"/>
        <Label Content="{Binding ElementName=MediaElement, Path=Position}"/>
        <Label Content="{Binding ElementName=MediaElement, Path=Source}"/>
    </StackPanel>
    <!-- 默认隐藏，视频就绪后显示 -->
    <MediaElement Grid.Row="1" Name="MediaElement"
                  LoadedBehavior="Manual"
                  Stretch="Uniform"
                  Source="C:\Temp\SomeVideo.mp4"
                  Visibility="Collapsed"
                  MediaOpened="MediaElement_MediaOpened"
                  CurrentStateChanged="MediaElement_CurrentStateChanged"/>
    <Button Grid.Row="2" x:Name="PlayButton" Content="Play" Click="PlayButton_Click"/>
</Grid>

C#后台代码

using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Threading;

namespace TestProject.Controls
{
    public partial class MediaElementControl : UserControl
    {
        private DispatcherTimer _playCheckTimer;

        public MediaElementControl()
        {
            InitializeComponent();
            _playCheckTimer = new DispatcherTimer
            {
                Interval = TimeSpan.FromMilliseconds(50)
            };
            _playCheckTimer.Tick += PlayCheckTimer_Tick;
        }

        private void PlayButton_Click(object sender, RoutedEventArgs e)
        {
            MediaElement.Play();
            _playCheckTimer.Start();
        }

        private void MediaElement_MediaOpened(object sender, RoutedEventArgs e)
        {
            // 媒体文件已加载，可获取时长等元数据
        }

        private void MediaElement_CurrentStateChanged(object sender, RoutedEventArgs e)
        {
            // 跟踪播放状态变化，可用于辅助判断
        }

        private void PlayCheckTimer_Tick(object sender, EventArgs e)
        {
            // 当播放位置超过100ms，判定视频已开始渲染
            if (MediaElement.Position > TimeSpan.FromMilliseconds(100))
            {
                MediaElement.Visibility = Visibility.Visible;
                _playCheckTimer.Stop();
            }
        }
    }
}

关键说明 #

• 本地视频几乎不会触发BufferingStarted/BufferingEnded事件，这是你之前监听无效的核心原因
• MediaOpened仅确认文件加载完成，不代表画面已开始渲染
• CurrentState == Playing仅表示控件进入播放状态，仍可能存在画面延迟
• 监控Position变化是最直接的"画面已开始播放"判定依据，可根据实际需求调整阈值

内容的提问来源于stack exchange，提问作者eriyg