html5media兼容IE8下的video标签,在使用中的坑

博客分享了如何使用html5media解决IE8不兼容HTML5 video标签的问题,包括基本使用方法、本地化服务的注意事项及文件地址导致的播放故障排除过程,强调了本地文件相对路径在IE8下的无效性,以及最终通过将视频文件放在Tomcat项目路径下解决问题的经验。
摘要由CSDN通过智能技术生成

html5media兼容IE8下的video标签,在使用中的坑

html5下的video标签可以插入视频,但是在ie8下并不兼容,这里可以使用html5media来解决兼容性问题。
在作者的使用中,遇到了一些坑,在这里记录一下。

基本使用方法

  1. 在标签插入如下代码:
<script src="//api.html5media.info/1.2.2/html5media.min.js"></script>
  1. 在正文中插入视频代码:
<video src="video.mp4" width="320" height="200" controls preload></video>

具体演示可以参考官网演示地址:https://html5media.info
ok,看起来代码很简单对不对。下面就来聊一聊这里的坑。

本地化服务

假如你的服务是个内网环境不能连接外网,那么你需要把js下载到本地。但是你如果以为只下载一个js就能管用的话,那么恭喜你踩到了第一个坑。
实际上,你需要把那个js下的所有文件都下载到本地才行。
这里给一个最新版本的开源地址:

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值