最重要的放前面，
以下示例都是在服务器模式下进行的，需要将文件放到nginx或者tomcat或者springboot，
直接打开index.html IE8是无效的
<!--video.js官网给的jd-->
<script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>
我看网上好多人忘记加这个，导致所有步骤都正确的，但是在IE8下打不开视频。
所以需要特别注意
<!--必须添加这个js才行-->
<script src="http://api.html5media.info/1.1.4/html5media.min.js"></script>我相信大部分都是在chrome下能播放的，这里重复的简单列一下
准备swf文件
https://cdn.bootcss.com/video.js/6.0.0/video-js.swf
可以去video.js拷贝基础代码
https://videojs.com/getting-started/
可以在tomcat运行到 示例代码https://gitee.com/zengq-s/soft/raw/master/video.js/video.js.zip
解压放到webapps下即可
下面是我的html代码
<html xmlns:th="http://www.thymeleaf.org" >
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Video Play</title>
<!--thyemleaf 设置basePath-->
<base th:href="${#request.getContextPath()}+'/'">
<link href="https://vjs.zencdn.net/7.6.0/video-js.css" rel="stylesheet">
<!--video.js官网给的jd-->
<script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>
<!--必须添加这个js才行-->
<script src="http://api.html5media.info/1.1.4/html5media.min.js"></script>
</head>
<body>
<!--poster 封面-->
<video id='my-video2' class='video-js' controls preload='auto' width='640' height='264'
poster='images/20160723143134_W82sw.jpeg' data-setup='{}'>
<source src="video/origin.mp4" type='video/mp4'>
</video>
<script src="https://cdn.bootcss.com/video.js/7.6.0/video.js"></script>
<script type="text/javascript">videojs.options.flash.swf = 'flash/video-js.swf'</script>
</body>
</html>这是我的springboot，如果用的是thymeleaf注意head部分的base 的static结构
这是我打开的仿真页面
这是播放效果
希望各位能顺利解决问题
最后是没有
<script src="http://api.html5media.info/1.1.4/html5media.min.js"></script>这个js的 效果，ie9本身有html5标签，能播放，ie8不行。
扫一扫
103
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
