开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

js视频播放代码支持ie8

JavaScript视频播放代码在IE8上的兼容性问题主要源于IE8对HTML5的支持不足。IE8发布于2009年，而HTML5标准直到2014年才正式发布，因此IE8并不原生支持HTML5中的<video>标签。

基础概念

HTML5 <video>标签：用于嵌入视频内容的标准方法。
IE8兼容性：IE8是一个较老的浏览器版本，对现代Web标准的支持有限。

相关优势

兼容性解决方案：使用第三方库或polyfill可以提高旧浏览器的兼容性。
用户体验：确保所有用户都能访问视频内容，无论他们使用的是哪个浏览器。

类型与应用场景

Polyfill：一种代码片段，用于在旧浏览器中实现现代Web API的功能。
Flash回退：对于不支持HTML5视频的浏览器，可以使用Flash作为备选方案。

解决方法

为了使视频播放代码在IE8上工作，可以采用以下几种方法：

1. 使用Polyfill

可以使用video.js这样的库，它提供了一个统一的API来处理不同浏览器的视频播放。

<!DOCTYPE html>
<html>
<head>
    <title>Video Player</title>
    <link href="https://vjs.zencdn.net/7.14.3/video-js.css" rel="stylesheet" />
</head>
<body>
    <video id="my-video" class="video-js vjs-default-skin" controls preload="auto" width="640" height="264">
        <source src="my-video.mp4" type="video/mp4" />
        <p class="vjs-no-js">
            To view this video please enable JavaScript, and consider upgrading to a web browser that
            <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
        </p>
    </video>
    <script src="https://vjs.zencdn.net/7.14.3/video.js"></script>
    <script>
        var player = videojs('my-video');
    </script>
</body>
</html>

2. 使用Flash作为回退方案

对于完全不支持HTML5的浏览器，可以使用Flash播放器作为备选。

<!DOCTYPE html>
<html>
<head>
    <title>Video Player</title>
</head>
<body>
    <object type="application/x-shockwave-flash" data="player.swf" width="640" height="480">
        <param name="movie" value="player.swf" />
        <param name="flashvars" value="file=my-video.mp4" />
        <p>Alternative content</p>
    </object>
</body>
</html>

注意事项

安全性：Flash已被认为是不安全的，且大多数现代浏览器已停止支持。
性能：Polyfill可能会增加页面加载时间，影响用户体验。

通过上述方法，可以在IE8上实现视频播放功能，尽管可能需要额外的工作来确保兼容性和性能。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

兼容IE8的视频播放

目前的很多网站为了加强宣传效果增加了视频，通过video标签很容易实现视频的播放功能，但是万恶的IE8不支持html5的视频播放。...虽然如此，我们也有解决的办法，flowplayer提供了一套兼容IE8的视频播放插件，请看下面的例子。...var api = $(".player").flowplayer(); 然后通过这段js来初始化flowplayer，获取api接口。...= false; }else{ $(el).val("开始"); tag_play = true; } $(".fp-ui").click(); } //当视频播放界面滚动过厚播放暂停...console.log("sdfdsdf"); $(".fp-ui").click(); tag_play = true; } } } ); 以上部分代码是一些基本的控制方式

1.2K2 0

【WebVR开发】EasyPlayer.js支持VR视频播放

由于VR行业的火热已经蔓延到除音视频外的各项行业中，我们也不断在网页视频实现VR播放上面投入开发。...目前TSINGSEE青犀视频前段时间刚刚攻克了网页视频播放器EasyPlayer.JS实现VR视频播放的功能，后续将加紧合并，发布到EasyPlayer.js的主分支上。...在清晰度上有更加高画质的视觉呈现，这也是TSINGSEE青犀视频VR视频播放中的着力点。...image.png 作为网页视频播放器EasyPlayer.JS，对于VR视频的播放是基于互联网的交互式虚拟现实，兼有桌面式和分布式虚拟现实系统的特征，也就是WebVR系统。...EasyPlayer.JS对WebVR的支持是我们产业进化的一部分。

3.1K4 0

网页播放的视频代码

网页播放的视频代码第一种是通过调用window media player进行播放诸如：wmv,asf等格式文件: 第二种是通过调用replayer进行播放诸如...：rm,ram等格式文件播放框：第三种是通过调用flashplayer进行播放... 本文由来源 21aspnet，由 javajgs_com 整理编辑，其版权均为 21aspnet 所有，文章内容系作者个人观点，不代表 Java架构师必看对观点赞同或支持

1.4K2 0

在手机web中播放视频（使用js，不使用video标签，支持直播）

jsmpeg是js中解析mpeg视频，并把内容画在画布上。这篇文章是记录jsmpeg怎么用的。目前发现jsmpeg的不足无法播放声音，只能播放视频。...在苹果和性能低的安卓中卡顿严重（iPhone7有略微卡顿，部分2016年安卓旗舰机不卡，现在终于相信有安卓能秒苹果了）解决不足用audio播放无法解决，我本来想自己开启webgl，结果看到jsmpeg...就是用的webgl，就是说他自己已经解决过了的视频源直播流 jsmpeg支持直播流，但是我还没研究，所以只是先提一下，先不深入。...视频文件 jsmpeg只支持mpeg格式的视频，jsmpeg官方建议用ffmpeg来转格式。...ffmpeg下载地址从把视频转成mpg格式（转出的视频无音频，且应该是支持从许多种格式转过来的，我暂时只试过从mp4转） .

4.1K5 0

p5.js 视频播放指南

---- theme: smartblue 本文简介在刚接触 p5.js 时我以为这只是一个艺术方向的 canvas 库，没想到它还支持视频文件和视频流的播放。...本文简单讲讲如何使用 P5.js 播放视频。播放视频文件 p5.js 除了可以使用 video 元素播放视频外，还支持使用 image 控件播放视频。...playing; } 粗略讲讲上面这段代码。 preload() 是 p5.js 提供的一个生命周期，我们通常会将“加载静态资源”这个步骤放在 preload() 里执行。...因为有些浏览器不一定支持你想播放的地址，此时就可以做个保底处理。...接着我们在 draw() 里用 image 不断刷新视频，所以上面这样写是对的。其他地方没变化。接入摄像头如果你的设备有摄像头，p5.js 是支持调用摄像头并将内容展示在画布上的。

3375 0

H265编码视频流媒体播放器EasyPlayer.js支持9宫格视频同屏播放的写法

TSINGSEE青犀视频开发的播放器项目EasyPlayer有很多个分支，其中 EasyPlayer.js就是集成在EasyNVR、EasyGBS等平台内进行直播的网页播放器，并且EasyPlayer.js...已经成功实现了VR视频的播放（TSINGSEE青犀视频云服务将从EasyPlayer.js播放器支持VR播放启动VR研发）。...有网友用EasyPlayer-js DEMO(https://github.com/tsingsee/EasyPlayer.js)做了一个9分屏播放页面，但是反馈说到第七路的时候就无法播放了，如下图：...同构检查我们可以得知播放的是WEBSOCKET-FLV协议流，编码格式为H2.65，部分代码如下： react不支持这种模式，react只能用html方式，如下写法即可：除了已经支持分屏之外，...EasyPlayer.js播放器还已经支持断线重连功能，大家都可以在github上自由下载Demo版本，EasyPlayer项目各播放器同TSINGSEE青犀视频开发的安防视频管理平台一样，都是支持二次开发的

1.8K1 0

【程序源代码】视频播放器

关键字：视频播放器（IJKplayer、ExoPlayer、MediaPlayer），HTTPS支持，支持弹幕，支持滤镜、水印、gif截图，片头广告、中间广告，多个同时播放，支持基本的拖动，声音、亮度调节...，支持边播边缓存，支持视频本身自带rotation的旋转（90,270之类），重力旋转与手动旋转的同步支持，支持列表播放，直接添加控件为封面，列表全屏动画，视频加载速度，列表小窗口支持拖动，动画效果，...调整比例，多分辨率切换，支持切换播放器，进度条小窗口预览，其他一些小动画效果，rtsp、concat、mpeg。

3.8K1 0

网页可以播放RTMP视频流？支持RTMP的网页播放器

我们知道多数监控摄像头都是支持RTMP协议的，当然公安部的摄像头是支持GB28181协议的，这个我们在本文不做过多赘述，我们来探讨一下网页播放RTMP视频流的播放器。 ? ?...网页可以播放RTMP视频流吗？当然是可以的，但是对于PC端来说，网页播放RTMP流媒体视频流将会承受更多的服务器压力，满足网页播放RTMP视频流有哪些要求，下文我们一起来看一下。 1.便捷。...跨平台支持PC端、安卓端、iOS端等主流终端； 3.易用。无须安装任何自有插件、监控APP等，减少资源消耗； 4.无限制。对接自有流媒体服务器平台，不限制观看人数。...我们研发的流媒体服务器自身支持对成功接入的摄像机实时视频进行7*24h录像，支持录像的检索与回放，并且支持网络硬盘录像机NVR按设备、通道、日期获取对应录像文件进行录像的检索与回放，无需安装各个安防厂商的视频播放插件...本文已经为大家介绍完毕啦，结论就是网页是能够播放RTMP视频流的，如果想体验网页播放RTMP视频流的流媒体服务器或者播放器，可以继续关注本栏目。

7K2 0

flash视频器播放器代码

/> flash视频器播放器代码 '); document.write(''); 代码整理

3.6K4 0

【秒杀】网课视频播放速度太慢，js提升网页视频播放速率，在浏览器中修改视频播放速度

解决方法 1、打开开发者工具可以用以下方法打开开发者工具，也可以直接按住F12 2、点击控制台 3、输入下面这行代码 document.querySelector(‘video’) 筛选出播放视频的组件...这行代码将会把视频速度切换到4倍速。...此外，还有一些第三方软件可以实现更高级的视频速度控制功能，比如PotPlayer、VLC媒体播放器等。...这些软件不仅支持更高的播放速度设置，还可以调整音频与视频的同步、增加字幕等功能，为您提供更好的观看体验。...结语结束，拜拜喽ヾ(•ω•`)o 通过本文介绍的方法，您可以轻松地自定义网课视频的播放速度，提高学习效率。

1.1K1 0

支持8K播放，低延时高并发流媒体音视频播放器EasyPlayer.js是如何实现播放8K视频的

EasyPlayer介绍 EasyPlayer是一款流媒体播放器系列项目，支持RTSP、RTMP、HTTP、HLS、UDP、RTP、File等多种流媒体协议播放、支持本地文件播放，支持本地抓拍、本地录像...目前支持Windows、 Android、iOS三个平台，同时EasyPlayer.js还支持Linux平台。 EasyPlayer.js如何实现播放8K视频？...目前EasyPlayer播放8K视频时会出现无法播放的错误，那么是否有办法解决这类问题呢？今天我们就来为大家一起分享一下。...分析问题经过百度和google后发现是视频流缓冲区超出指定大小，没法缓存加载下一帧视频流。...解决问题经过分析发现video.js源码，引入 videojs-contrib-hls.js这个文件，使得video.js支持播放8K视频。

3.2K2 0

JavaScript技术篇-js提升网页视频播放速率，提高慕课网视频播放速度

document.querySelector(‘video’) 筛选出播放视频的组件，然后直接设置播放速率就搞定了。...document.querySelector('video').playbackRate = 5; 我用慕课网来举例子，我们看它的视频用的是 html5 的原生 video 组件播放视频，不是 flash...运行效果如下：我提升了5倍速率后视频飞速的播放！ ?

2.3K2 1

示例：使用 Flv.js 和 Reflv 播放视频

1.背景传统的播放视频是采用 flash 播放器方式，然而各大浏览器厂商都不再支持flash , 我们不得不寻找其他解决方案。...2.说明 2.1 Flv.js flv.js 是一个HTML5 Flash视频(FLV)播放器，它通过纯JavaScript编写，没有使用 Flash。...+ AAC 编解码器播放功能多部分分段视频播放 HTTP FLV 低延迟实时流播放 FLV 通过 WebSocket 实时流播放兼容 Chrome, FireFox, Safari 10, IE11...DEMO 3.1 编写一个直接使用flv.js 的 DEMO 步骤如下： (1) 首先，需要个 flv 源 (2) 引入 flv.js (3) JS代码播放 (1) 首先，需要个 flv 源如果有后端提供个最好...(3) JS代码播放先 createPlayer，加载控件，执行 flvPlayer.play() 即可。

7.3K3 0

flv.js 直播_前端视频播放插件

enableWorker: false, // 是否多线程工作 autoCleanupSourceBuffer: true, // 是否自动清理缓存 fixAudioTimestampGap: true,//音视频同步...} flvPlayerObjM1.load(); //加载 flvPlayerObjM1.play(); //播放 2.事件处理 flvjs.Events.STATISTICS_INFO 信息出错销毁直播流...detachMediaElement(); flvPlayerObjM1.destroy(); flvPlayerObjM1 = null; } ); flvjs.Events.VIDEO_FROZEN视频卡顿监听

1.7K4 0

解决DEDECMS织梦支持FLV视频播放的问题

我们是否有发现，默认的DEDECMS是不支持FLV视频播放的，那我们如何让他支持呢？我们需要修改一些代码实现，如果你也有需要让织梦程序支持FLV播放的话，可以效仿参考。...第一、打开文件 /include/FCKeditor/editor/dialog/dede_media.htm 第二、找到代码 if(playtype=="rm" || (playtype=="-"...//播放代码 itbulu.com else if(playtype=="flv" || (playtype=="-" && (rurl.indexOf('.flv')>0 || rurl.indexOf...allowscriptaccess' value='always'>\r\n\r\n";//播放代码...我们在编辑器可以看到插入多媒体，输入FLV播放文件URL就可以了。

1.6K1 0

让WordPress视频播放插件Smartideo支持B站BV号

但升级后的链接造成WordPres视频播放插件Smartideo中的正则无法获取由数字和大小写字母组成的字符串，原来直接复制粘贴视频地址到文章中调用视频的方法失效，有用户已在插件作者网站反映，作者并没有回应...，可能因各视频站更新升级频繁，Smartideo插件很多视频站点都已不支持，估计作者已放弃更新了。...这篇教大家修改视频播放插件 Smartideo 让其支持B站BV号。应读者要求已直接提供修改后的插件下载，下面的修改说明留给动手能力较强的朋友吧。...： https://www.bilibili.com/video/BV1WW411b7NQ 试试吧，可以加载播放视频了。...因国内视频网站格局已定，再也不需要大家帮忙分享推荐，估计不远的将来，各大视频网站会通过各种手段，只让你发链接跳转到主站播放，在自己的网站引用视频必将成为过去式。

9533 0

WordPress集成DPlayer支持m3u8视频播放

另外发现本站也不支持m3u8播放。...通俗地理解就是，m3u8是一个视频的目录，让你的电脑(浏览器)按这个目录上的顺序一个个地下载视频分片，然后播放出来。可以很好的减轻服务器的负担，并加快播放加载速度。...今天无意在GitHub上发现了这个视频播放器，而且看到支持很多格式，于是决定移植到本站上。 DPlayer简介 DPlayer是采用MIT许可的开源项目，使用完全免费。...DPlayer播放器支持弹幕，音量调节，后期的弹幕设置以及放大缩小屏幕等操作使用方法 1.引入js文件 html 视频流地址[/dplayer] mp4视频短代码： php [dplayer type="flv"]mp4视频地址[/dplayer] js文件必须在短代码之前加载，不然会失效，

2.4K1 0

全平台视频加密播放支持是什么意思？

我们知道视频加密简单来说分为3个部分，1个是视频加密处理，一个是播放，再就是播放条件的控制。这里就对实际中提出疑问比较多的全平台视频加密播放支持，做个简单的介绍。...因此全平台视频加密播放，至少需要Windows电脑版、macOS版、Android手机版（包括对平板和不同手机屏幕大小以及手机厂家型号的适配）、iOS手机版（包括对iPad的适配）。...此外虽然电视盒和大部分的智能电视也是Android系统，但由于其屏幕显示方式和大小与手机有很大区别，操作是使用的电遥控器，因此要做一些完全不同于同系统下手机的处理，以使得在电视上观看加密视频的时候也是很正常的画面...但在实际中很多视频加密团队，支持的紧紧是Windows电脑使用，或者也支持手机但是不支持mac电脑及电视盒，还有些虽然都支持但Mac和电视盒中的体验并不好。

9880 0

此视频无法播放0xc00d36c4_视频播放失败代码-30

相信很多用户都遇到过视频无法播放的问题。比如将重要视频从旧电脑拷到U盘上，使用另一台电脑播放时，提示视频播放错误代码0xc00d36c4，不支持该视频播放。...播放MP4格式视频显示错误代码0xc00d36c4的情况大多数情况下, 0xc00d36c4 错误发生在MP4文件播放时，当然其他格式视频偶尔也会发生类似状况。...而随着移动用户的增多，很多用户在播放自己录制的智能手机或者Gopro时会遇到播放错误代码提示。常见情况如下：情况一：播放器不支持该视频格式。情况二：播放时出现错误代码提示。...如何修复损坏的MP4文件用户使用系统自带的播放器Windows Media Player、网上下载的影音播放器时都可能会出现此视频播放错误，多发生在播放用户自己录制的视频时，对此可以使用万兴恢复专家修复错误代码...通过万兴恢复专家的视频修复功能，简单的几步就能完成视频文件修复，快速解决视频错误代码0xc00d36c4问题。因此，在播放视频时遇到视频播放错误后不用焦虑，使用最优的解决方案才是王道。

3.2K2 0

EasyPlayer.JS播放录像报错视频文件损坏且播放终止怎么处理？

EasyPlayer视频流媒体播放器支持RTSP、RTMP、HTTP、HLS、UDP、RTP、File等多种流媒体协议播放、支持本地文件播放，支持本地抓拍、本地录像、播放旋转、多屏播放、倍数播放等多种功能特性...使用过TSINGSEE青犀视频产品的小伙伴都知道，EasyNVR、EasyDSS内都集成了EasyPlayer.JS版本。...image.png 有的时候EasyPlayer.JS播放录像会出现报错，报错内容是视频文件损坏，且播放被终止了，显示如下： image.png 使用客户端VLC、ffplay播放这段路线都可以正常播放...image.png 修复后视频即可正常播放，预览如下： image.png

3.2K4 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭