MAUI中MediaElement的Source绑定视频空白问题求助

一、绑定空白问题排查与修复 #

1. 确保Monkey类实现属性变更通知 #

绑定依赖INotifyPropertyChanged接口触发UI更新，若原Monkey类未实现，需补充：

using System.ComponentModel;
using System.Runtime.CompilerServices;

public class Monkey : INotifyPropertyChanged
{
    private string _video;
    public string Video
    {
        get => _video;
        set
        {
            if (_video != value)
            {
                _video = value;
                OnPropertyChanged();
            }
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

2. 验证XAML绑定与上下文设置 #

检查详情页XAML中MediaElement的绑定路径，同时确认页面BindingContext已指向目标Monkey实例：

<toolkit:MediaElement 
    Source="{Binding Video}"
    AutoPlay="True"
    HeightRequest="200" />

代码后台设置上下文：

public MonkeyDetailPage(Monkey monkey)
{
    InitializeComponent();
    BindingContext = monkey;
}

3. 确认JSON反序列化正确性 #

在绑定前通过断点或日志检查Monkey实例的Video属性值是否为预期的"embed://testvid1.mp4"，排除反序列化未赋值的情况。

二、视频迁移至安卓本地存储 #

1. 复制应用内资源到本地目录 #

编写方法将Resources/Raw中的视频复制到应用私有本地存储（无需额外权限）：

public async Task<string> CopyVideoToLocal(string videoFileName)
{
    var localFilePath = Path.Combine(FileSystem.AppDataDirectory, videoFileName);
    
    // 仅在文件不存在时复制
    if (!File.Exists(localFilePath))
    {
        using var packageStream = await FileSystem.OpenAppPackageFileAsync(videoFileName);
        using var localStream = File.OpenWrite(localFilePath);
        await packageStream.CopyToAsync(localStream);
    }
    
    return localFilePath;
}

2. 更新Monkey实例的Video属性 #

加载数据或进入详情页时，替换原embed://路径为本地路径：

// 假设已获取目标monkey实例
string localPath = await CopyVideoToLocal("testvid1.mp4");
monkey.Video = localPath;

3. 权限配置（若使用公共存储） #

若需将视频存到公共外部存储，需在AndroidManifest.xml中添加对应权限：

<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" android:maxSdkVersion="32" />
<!-- Android 13+ 需添加视频权限 -->
<uses-permission android:name="android.permission.READ_MEDIA_VIDEO" />

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