【wpf基础】wpf MediaElement全屏播放视频功能

最近在研究如何将视频全屏播放,一开始思路A:弹窗将MediaElement对象add到一个新的全屏窗体,报错

指定的元素已经是另一个元素的逻辑子元素。请先将其断开连接。

后续转换思路B:将本窗体其他控件隐藏掉,然后窗体最大化,去掉边框,然后把MediaElement设置成屏幕的宽高。

【wpf基础】wpf MediaElement全屏播放视频功能

点击【播放】,加载视频

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes; namespace WpfApplication1
{
/// <summary>
/// MainWindow.xaml 的交互逻辑
/// </summary>
public partial class MainWindow : Window
{
MediaElement myPlayer = new MediaElement(); public MainWindow()
{
InitializeComponent(); myPlayer.Margin = new Thickness(, , , );
myPlayer.Width = ActualWidth;
myPlayer.Height = ActualHeight; myPlayer.LoadedBehavior = MediaState.Manual;
var mp4_path = AppDomain.CurrentDomain.BaseDirectory + "video.mp4";
myPlayer.Source = new Uri(mp4_path, UriKind.RelativeOrAbsolute); (Content as Grid).Children.Add(myPlayer);
} void myContent_MouseDoubleClick(object sender, MouseButtonEventArgs e)
{
if (FullScreenHelper.IsFullscreen(this))
FullScreenHelper.ExitFullscreen(this);
else
FullScreenHelper.GoFullscreen(this);
} private void Button_Click(object sender, RoutedEventArgs e)
{
myPlayer.Play();
} private void Window_SizeChanged(object sender, SizeChangedEventArgs e)
{
myPlayer.Width = ActualWidth;
myPlayer.Height = ActualHeight;
} }
}

【wpf基础】wpf MediaElement全屏播放视频功能

双击视频,全屏播放

【wpf基础】wpf MediaElement全屏播放视频功能

有需要这个效果的可以参考

源码:http://pan.baidu.com/s/1mi8qII8

上一篇:用原生VideoView进行全屏播放时的问题


下一篇:iOS 全局禁止横屏,但UIWebView 全屏播放视频,横屏,解决办法(任意页面横竖屏或禁止)