IE8使用video.js兼容video标签播放视频（含Demo以及资源）

最新推荐文章于 2024-05-08 09:48:33 发布

CatEatApple

最新推荐文章于 2024-05-08 09:48:33 发布

阅读量1.8k

点赞数

分类专栏： js

原文链接：https://blog.csdn.net/qq_31201781/article/details/81450046

版权

js 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

步骤

一、必要的文件

video.min.js：video.js的主要库文件
videojs-ie8.min.js：兼容IE8的video标签所需要的文件，在video的5.8版本里可以找到
video-js.min.css ：样式
video-js.swf：兼容IE8所需。当IE8时，MP4等会转为swf文件用flash进行播放。

二、demo

    <!DOCTYPE html>
    <html lang="zh_CN">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <link href="video-js.min.css" rel="stylesheet">
        <script src="videojs-ie8.min.js"></script>
        <script src="video.min.js"></script>
        <script type="text/javascript">
          videojs.options.flash.swf = 'video-js.swf'
        </script>
    
    </head>
    <body>
    <video id="video_id" class="video-js vjs-default-skin" controls="controls" preload="none" autoplay="autoplay" data-setup="{}">
        <source id="source_id" src="QQ20180802094835.mp4" type="video/mp4">
    </video>
    <video src="QQ20180802094835.mp4" controls preload></video>
    </body>
    </html>

<script type="text/javascript"> videojs.options.flash.swf = 'video-js.swf' </script>
这句话很关键，即IE8坏境下指定flash播放

CatEatApple

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
IE8使用video.js兼容video标签播放视频（含Demo以及资源）

步骤一、必要的文件video.min.js：video.js的主要库文件 videojs-ie8.min.js：兼容IE8的video标签所需要的文件，在video的5.8版本里可以找到 video-js.min.css：样式 video-js.swf：兼容IE8所需。当IE8时，MP4等会转为swf文件用flash进行播放。二、demo <!DOCTYPE html> <html lang="zh_CN"> <head&g...
复制链接

扫一扫

专栏目录