让IE8支持html5中的video标签

时间：2022-09-06 11:05:14

这是一篇综合几个前辈的解决方案。

使用video的时候，要遇到的问题。

①不兼容ie9及其以下版本

在<head>里添加两行, 参考张鑫旭前辈的博客，但是在ie8中薄播放。

　　 <!--[if lt IE ]>

    <script src="js/assets/js/ie8-responsive-file-warning.js"></script>

    <![endif]-->

    <script src="js/assets/js/ie-emulation-modes-warning.js"></script>

    <!--[if lt IE ]>

    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>

    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>

    <![endif]-->

②又要无休止的找ie8的解决方法，自己写不出来

在在<head>里添加以下

　　 <!--[if IE 8]>

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

    <![endif]-->

这样可以在ie8里播放了，但是啊，至今我无法控制它的开关，因为我写的是视频轮播图，需要播放下一个的时候控制上一个的开关，我找不到啊，对不起，你看到这里却帮不到你了。

很神奇的是<video>在这个插件的作用下,变成了<span><object></object></span>，而正常的<video>是<video><div></div></video>。

让IE8支持html5中的video标签让IE8支持html5中的video标签

使用别人的插件时，还是把别人的demo先放在ie8里，看支持的效果看, 比较直观.

参考：

支持ie9    让所有浏览器支持HTML5 video视频标签  https://www.zhangxinxu.com/wordpress/2010/03/every-browser-support-html5-video/

百度知道的   如何让IE8支持html5中的video标签  https://zhidao.baidu.com/question/483505562.html?from=commentSubmit#answers2383773166

设置控制台能查看<video>的内部dom的   HTML5全屏模式下隐藏默认视频控制栏 https://blog.csdn.net/qq_17004327/article/details/76285518

让IE8支持html5中的video标签的更多相关文章

  1. 检测是否支持HTML5中的Video标签

    //检测是否支持HTML5 function checkVideo() { if (!!document.createElement('video').canPlayType) { var vidTe ...

  2. html5中的video标签和audio标签

    不管是否承认,flash早已不像过往那样如日中天了.亚马逊全面放弃flash.苹果放弃flash.安卓也放弃了移动端的flash支持.事实上flash已经不太适合web开发了,因为HTML5中的vid ...

  3. 让IE8支持HTML5及canvas功能！

    微软出的IE9支持HTML5,但因为不支持XP系统,暂时我还用不了. 即使能用,现阶段如果开发HTML5页面,并考虑到兼容性问题的话,恐怕也得让自己的界面支持IE6-8吧. 首先,需要让IE支持HTM ...

  4. 认识HTML5中的新标签与新属性

    前端之HTML5,CSS3(一) HTML5中常用内容标签 header标签 header标签定义文档的页眉,基本语法:<header>content</header>. na ...

  5. html5-8 如何控制html5中的视频标签和音频标签

    html5-8 如何控制html5中的视频标签和音频标签 一.总结 一句话总结:找到视频或者音频的element对象,然后查手册看对应的方法或者属性就可以,里面有控制的. 1.如何控制html5中的视 ...

  6. html5中的容器标签和文本标签

    html5中的容器标签和文本标签 html中的容器级标签和文本级标签,css中的块级元素和行内元素是我们常常拿来比较的四个名词(行内块级暂时先不考虑). 容器标签 容器级的标签可以简单的理解为能嵌套其 ...

  7. 如何让低版本的IE浏览器（IE6&sol;IE7&sol;IE8）支持HTML5 header等新标签

    html5提供的一些新标签(article,aside,dialog,footer,header,section,footer,nav,figure,menu)使用起来非常的方便,但是低版本的IE浏览 ...

  8. 让IE6&sol;IE7&sol;IE8支持HTML5标签的js代码

    让IE(ie6/ie7/ie8)支持HTML5元素,我们需要在HTML头部添加以下JavaScript,这是一个简单的document.createElement声明,利用条件注释针对IE来调用这个j ...

  9. HTML5中的语义标签兼容IE8以及更低版本的浏览器

    看某教程,说让HTML5的这些语义标签能够兼容低版本的浏览器,原文是“你可以设置css的display属性为block”.很好理解,就设置css样式为block嘛,那就直接设置咯: header, s ...

随机推荐

  1. 仿Spring读取配置文件实现方案

    一.读取config和jar里的配置文件,以流的方式返回 /** * 根据路径,获取当前项目中路径(jar包和config文件)下的配置文件 * @param filePath 存放job配置信息文件 ...

  2. 【232】◀▶ IDL显示地理图像

    参考: 01   IMAGE 将图像数据以图形窗体的形式显示. 02   COLORBAR 在已经存在的IDL图形中增加一个colorbar或创建. 03   MAPGRID 在已经存在的IDL地图图 ...

  3. 解决VS2008 开发Windows Mobile 项目生成速度慢的问题（转）

    最近用VS2008开发Windows Mobile程序,使用C#..NET Compact Framework,发现项目生成速度比较慢.用VS2008打开项目后,开始一段时间生成速度还能忍受,时间一长 ...

  4. 正弦 sin 余弦 cos

    正弦 以下概念需掌握 直角,锐角 sinA = 对边 / 斜边 性質 奇偶性 奇 定義域 (-∞,∞) 到達域 [-1,1] 周期 2π 在數學中,正弦是一種週期函數,是三角函数的一種.它的定义域是整 ...

  5. rails常用验证方法 （转）

    validates_presence_of       :login,  :message => "用户名不能为空!" validates_length_of         ...

  6. 三层架构与MVC &amp&semi;amp&semi; 设计模式的较量

    刚刚学习了三层架构,并且正在实际应用中,但随着学习的深入,又了解到了一个叫MVC的东西,(早在设计模式中就听到过MVC,仅仅是简单查了一下什么意思.)如今正好把这三个东西放在一起聊聊. 三层 是一个分 ...

  7. Hadoop版Helloworld之wordcount运行示例

    1.编写一个统计单词数量的java程序,并命名为wordcount.java,代码如下: import java.io.IOException; import java.util.StringToke ...

  8. iOS&colon; AFNetworking手动配置&lpar;iOS7&period;1&comma; AF2&period;2&period;4&rpar;

    一.下载AFNetworking. 二.将AFNetworking-master下的AFNetworking目录拖入到项目中 三.为项目添加Linking to a Library or Framew ...

  9. unity3D对象的显示和隐藏

    SetActive/active/SetActiveRecursively 后两者比较旧,现在通常用第一个SetActive 必须先new一个gameobject对象用于实例化,然后再设置其activ ...

  10. 字符通向字节流的桥梁---- OutputStreamWriter

    OutputStream out = System.out; OutputStreamWriter osw = new OutputStreamWriter(out); BufferedWriter ...

相关文章