html5的video属性怎么兼容ie78,求指导!!!!!

html5的video属性怎么兼容ie78,求指导!!!!!,第1张

1、首先在页面的head部分加入如下脚本

可以通过使用IE条件注释的方法,只在旧版IE浏览器中加载这条JS脚本。

2、然后再使用audio或video添加音频视频就行了

1 <!-- 视频媒体标签 -->

2

3 <video src="iefans.net.mp4" width="320" height="200" controls preload></video>

4

5 <!-- 音频媒体标签 -->

6

7 <audio src="iefans.net.mp3" controls preload></audio>

8

9 这样便可以在IE8,甚至老掉牙的IE6浏览器中使用audio和video标签了。

像这类为不支持html5标签而出现的JS项目,会随着HTML5浏览器和HTML5的优势展现会越来越多起来。

兼容它的新标签这个还比较容易解决,

通过JS给浏览器定义这些新标签就行了,

意思就是声明给浏览器知道,这些标签。比如声明head footer

(function(){

            var element=['header','footer','article','aside','section','nav','menu','hgroup','details','dialog','figure','figcaption'],

                len=element.length

            while(len--){

                document.createElement(element[i])

            }

 })()

当然有别人做好的责成JS,,,你直接用就行了,,网上常见的HTML5.js

JQUERY也有类似的插件。

用JS来判断:

<script>

function myBrowser() {

var userAgent = navigator.userAgent //取得浏览器的userAgent字符串

var isChrome = userAgent.indexOf("Chrome") > -1 //判断是否Chrome浏览器

var isOpera = userAgent.indexOf("Opera") > -1 //判断是否Opera浏览器

var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera //判断是否IE浏览器

var isFF = userAgent.indexOf("Firefox") > -1 //判断是否Firefox浏览器

var isSafari = userAgent.indexOf("Safari") > -1 //判断是否Safari浏览器

if (isIE) {

var IE5 = IE55 = IE6 = IE7 = IE8 = false

var reIE = new RegExp("MSIE (\\d+\\.\\d+)")

reIE.test(userAgent)

var fIEVersion = parseFloat(RegExp["$1"])

IE55 = fIEVersion == 5.5

IE6 = fIEVersion == 6.0

IE7 = fIEVersion == 7.0

IE8 = fIEVersion == 8.0

if (IE55) { return "IE55" }

else if (IE6) { return "IE6" }

else if (IE7) { return "IE7" }

else if (IE8) { return "IE8" }

}

else if (isFF) { return "FF" }

else if (isChrome) { return "Chrome" }

else if (isOpera) { return "Opera" }

else if (isSafari) { return "Safari" }

}

console.log(myBrowser()) //会输出你使用的浏览器类型

</script>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6265429.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-19
下一篇 2023-03-19

发表评论

登录后才能评论

评论列表(0条)

保存