今天下了个safari5.1.5 windows版的浏览器,结果发现不支持video和audio,这是什么原因,求解?
IE9下的图,ie9正常
safari5.1.5的图,不识别
代码如下:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>untitled</title>
</head>
<body>
<video width="320" height="200" controls="controls">
<source src="bbb.mp4" type="video/mp4" />
Your browser does not support the video tag.
</video>
<audio controls="controls" src="ccc.mp3">
您的浏览器不支持 audio 标签。
</audio>
<canvas width="200" height="100" >
Your browser does not support the canvas element.
</canvas>
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.moveTo(10,10);
cxt.lineTo(150,50);
cxt.lineTo(10,50);
cxt.stroke();
</script>
</body>
</html>
我这里用同样版本的safari,可以显示video标签
为什么了?难道是我下载的这个SAFARI有问题?
@我爱和兴: 你试试通过本地文件的方式打开test.html
@dudu: 一样的,不行
解决了问题,爆一下原因啊!?
在html5test.com测试 5.1.7确实不支持video标签 我用了html5media.js去做兼容 当页面渲染中发现不支持video元素时候 会自动把video转成object标签 用的是flowplayer解决方案 可以搜索flowplayer的API对视频进行和html5 video一样的操作