欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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结构

video.js IE8下无法播放问题

这是我打开的仿真页面

video.js IE8下无法播放问题

这是播放效果

video.js IE8下无法播放问题

希望各位能顺利解决问题

最后是没有

<script src="http://api.html5media.info/1.1.4/html5media.min.js"></script>

这个js的 效果,ie9本身有html5标签,能播放,ie8不行。

video.js IE8下无法播放问题

相关标签: video.js