video.js IE8下无法播放问题
程序员文章站
2022-06-18 17:45:25
...
最重要的放前面
<!--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/
下面是我的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不行。