<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Spring 3.x MVC HTML5 VIDEO</title>
<link href="js/videojs/video-js.css" rel="stylesheet">
<script src="js/jquery-2.1.0.min.js"></script>
<!-- If you'd like to support IE8 -->
<script src="js/videojs/videojs-ie8.min.js"></script>
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<![endif]-->
<style type="text/css">
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{
display:block;
}
.videos_container{
width:650px;
}
</style>
</head>
<body>
<section class="videos_container">
<video id="my-video" class="video-js vjs-default-skin vjs-big-play-centered" src="videos/popin2.mp4" controls preload="auto" width="640" height="264" poster="images/confident.jpg" data-setup="{}">
<source src='videos/popin2.mp4' type='video/mp4'></source>
<object id="flash_fallback_1" class="vjs-flash-fallback" width="640" height="264" type="application/x-shockwave-flash" data="js/videojs/flowplayer.swf">
<param name="movie" value="js/videojs/flowplayer.swf" />
<param name="allowfullscreen" value="true" />
<param name="flashvars" value='config={"playlist":["images/confident.jpg", {"url": "videos/popin2.mp4","autoPlay":false,"autoBuffering":true}]}' />
<img src="images/confident.jpg" width="280" height="210" alt="Poster Image" title="No video playback capabilities." />
</object>
</video>
</section>
<script src="js/videojs/video.js"></script>
<script type="text/javascript">
$(function(){
videojs.options.flash.swf = "js/video-js.swf";
});
</script>
</body>
</body>
</html>
亲测可用。IE8下播放mp4格式的视频
1星 需积分: 50 179 浏览量
2019-09-18
15:29:49
上传
评论
收藏 12.38MB ZIP 举报 
view.zip （17个子文件） 
使用说明.html 436B
images 
1.jpg 39KB confident.jpg 36KB
2.png 35KB index.html 2KB js 
jquery-2.1.0.min.js 82KB html5.js 3KB .DS_Store 8KB videojs videojs-ie8.js 94KB video-js.css 45KB
flowplayer.controls.swf 26KB flowplayer.swf 108KB video.js 757KB video-js.swf 17KB .DS_Store 12KB videos 
popin2.mp4 11.96MB .DS_Store 6KB
评论1
最新资源