文章最后更新时间：2026年01月04日
简介
在Mediaelement-H5播放器的控制增加两个按钮元素，用来控制正在播放的音视频快进或快退30秒。
安装
<link href="https://cdn.bootcdn.net/Ajax/libs/Mediaelement/7.0.0/mediaelementplayer.CSS" rel="stylesheet"><link rel="stylesheet" href="pulg/jump-forward/jump-forward.min.CSS"><link rel="stylesheet" href="pulg/skip-back/skip-back.min.css"><script src="https://cdn.bootcdn.net/Ajax/libs/mediaelement/7.0.0/mediaelement-and-player.js"></script><script src="pulg/jump-forward/jump-forward.min.js"></script><script src="pulg/skip-back/skip-back.min.js"></script>
<video src="https://xmsdn.com/static/demo.mp4" width="320" height="240" type="video/mp4"></video>
var features = ['playpause', 'current', 'progress', 'duration', 'volume', 'skipback', 'jumpforward', 'speed', 'fullscreen'];var player = new MediaElementPlayer('video', {features: features, //控制栏显示的插件clickToPlayPause: true, //点击播放/暂停,注:此选项决定中间大播放图标功能 false truestretching: 'responsive', //宽高自适应HLS: {debug: false,},});🔎1.属性介绍
MediaElement是WPF中用于播放音频和视频的控件，具有以下常用属性：
Source：指定媒体文件的路径或URI。
Stretch：指定播放画面的缩放方式，包括Fill、Uniform、UniformToFill和None四种。
Volume：指定音频的音量大小，取值范围为0到1。
Balance：指定左右声道的平衡度，取值范围为-1到1。
SpeedRatio：指定播放速度的倍数。
IsMuted：指定是否静音。
ScrubbingEnabled：指定是否允许用户拖动进度条播放。
Position：指定当前播放位置。
NaturalDuration：获取媒体文件的总播放时长。
IsPlaying：获取或设置媒体是否正在播放。
LoadedBehavior：指定加载媒体后的播放行为，包括Play、Pause和Stop三种。
UnloadedBehavior：指定离开媒体后的播放行为，包括Close、Pause和Stop三种。
Balance：指定左右声道的平衡度，取值范围为-1到1。
ScrubbingEnabled：指定是否允许用户拖动进度条播放。
🔎2.常用场景
MediaElement控件是WPF中用于播放音频和视频的控件，常用场景如下：
在媒体中心应用程序中用于播放音乐和视频。
在教育和培训应用程序中用于播放教学视频，例如在线课程视频。
在游戏应用程序中用于播放背景音乐和游戏音效。
在广告和营销应用程序中用于播放广告视频和音频。
在演示文稿应用程序中用于播放嵌入式视频和音频。
在家庭娱乐应用程序中用于播放电影和电视节目。
在健身和运动应用程序中用于播放健身视频和音频。
如果需要在WPF应用程序中播放音频和视频，MediaElement控件是非常有用的控件。
<MediaElement Name="mediaPlayer" Source="media/video.mp4" /><Button Content="播放" Click="PlayButton_Click" /><Button Content="停止" Click="StopButton_Click" />
private void PlayButton_Click(object sender, RoutedEventArgs e){ mediaPlayer.Play();}private void StopButton_Click(object sender, RoutedEventArgs e){ mediaPlayer.Stop();}
