解决cefsharp嵌入到winform或者wpf视频播放的方法,由于编译的版本往往不支持mp4格式,项目中需要在线播放视频,于是用了比较流行的video.js,但是遇到问题,无法播放mp4格式的视频,通过多次试验,发现解决的方法有两个:
1、用支持mp4的cefsharp 编译版本,这个我没有试验;
2、将你的视频转换为:ogv或者ogg格式即可完美播放。
代码如下希望对大家有用:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<link href="styel.css" rel="stylesheet" />
<link href="video/css/video-js.min.css" rel="stylesheet" />
<style>
.m{ width: 1080px; height: 720px; margin-left: auto; margin-right: auto; margin-top: 820px; }
</style>
</head>
<body>
<div style="width:1080px; height:1920px; margin:auto; background:url('images/bg.jpg') no-repeat;">
<form id="form1" runat="server">
<div class="main" id="menulist" runat="server">
</div>
<div class="m">
<video id="my-video" class="video-js" preload="auto" loop width="1080" height="610"
poster="m.png" data-setup="{}">
<source src="http://XXX/video/yc.ogv" type="video/ogg">
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a web browser that
<a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
</p>
</video>
<script src="video/js/video.min.js"></script>
<script type="text/javascript">
var myPlayer = videojs('my-video');
videojs("my-video").ready(function(){
var myPlayer = this;
myPlayer.play();
});
</script>
</div>
</form>
</div>
</body>
</html>