当前第2页 返回上一页
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | < script >
if($.browser.msie){
document.write('< object classid = "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
width = "624" height = "351" style = "margin-top: -10px;margin-left: -8px;" id = "FLVPlayer1" >'+
'< param name = "movie" value = "FLVPlayer_Progressive.swf" />'+
'< param name = "quality" value = "high" />'+
'< param name = "wmode" value = "opaque" />'+
'< param name = "scale" value = "noscale" />'+
'< param name = "salign" value = "lt" />'+
'< param name = "FlashVars" value="& MM_ComponentVersion = 1 &
skinName = public /swf/Clear_Skin_3& streamName = public /video/test& autoPlay = false & autoRewind = false " />'+
'< param name = "swfversion" value = "8,0,0,0" />'+
' '+
'< param name = "expressinstall" value = "expressInstall.swf" />'+
'</ object >');
}else{
document.write('< video width = "602px" height = "345px" controls = "controls" >'+
'< source src = "public/video/test.mp4" type = "video/mp4" ></ source >'+
'< source src = "public/video/test.ogg" type = "video/ogg" ></ source >'+
'your browser does not support the video tag'+
'</ video >');
}
</ script >
|
不要忘记在写这段代码之前引入jquery文件
到此为止,就可以编写兼容所有浏览器的HTML视频代码了。
2、JS库
html5media就是一个能让这两个标签在旧版IE浏览器中全面兼容的JavaScript类库。
html5media是一个很给力的JavaScript类库,它不依赖于任何JavaScript框架。使用了html5media之后,当浏览器不支持Html5时,它将会自动切换成Flash模式的Flowplayer播放器。虽然,目前web播放器很多,但处理代码上并不简洁。
使用html5media让IE6/7/8浏览器支持HTML5的audio和video标签
1、首先在页面的head部分加入如下脚本
1 | < script src = "http://api.html5media.info/1.1.6/html5media.min.js" ></ script >
|
你可以通过使用IE条件注释的方法,只在旧版IE浏览器中加载这条JS脚本。
2、然后再使用audio或video添加音频视频就行了
以上就是 HTML5上传视频无法播放以及兼容的解决方法(图)的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
如何将 HTML5 性能发挥到极致
如何使用HTML5实现地理位置的获取
HTML5游戏《坦克后援队》的示例代码分享
HTML5中的script属性及js同步和异步加载实现代码详解
HTML5中关于音频与视频监听器应用的示例详解
如何让ie浏览器支持HTML5标签?
HTML5中indexeddb 数据库的相关介绍
HTML5中返回音视频的当前媒体控制器的属性controller
HTML5 video标签的属性、方法和事件汇总介绍
h5里js和servlet实现文件上传的实现步骤
更多相关阅读请进入《HTML5》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » HTML5上传视频无法播放以及兼容的解决方法(图)