详解HTML5的video标签的浏览器兼容性增强方案


当前第2页 返回上一页

第三步:为旧版浏览器做兼容

前面说过,如果浏览器不支持 video ,将会把 video 中的提示内容显示出来。那么对付老旧浏览器,我们可以用传统的 flash 来替换这个提示内容。这样,当浏览器不兼容 video 标签的时候,就会显示出 flash 版本的视频。例如:

1

2

3

4

5

6

7

8

<video width=”800” height=”374”> 

    <source src=”my_video.mp4” type=”video/mp4” /> 

    <source src=”my_video.ogv” type=”video/ogg” /> 

<object width="800" height="374" type="application/x-shockwave-flash" data="fallback.swf"

    <param name="movie" value="fallback.swf" /> 

    <param name="flashvars" value="autostart=true&amp;file=video.flv" /> 

</object

</video>

直接按照原来正常的 flash 引入方法写进 video 标签中即可。这样,我们就实现了跨浏览器兼容的 video 功能使用

【相关推荐】

1. 详解html5的video标签测试应用

2. html 5中使用video元素制作一个影片播放器

3. 分享一个video标签无法播放mp4的问题以及解决方案

4. H5 video标签只能放声音不能放视频的解决办法

5. IIS的MIME未注册MP4类型,导致无法识别vidoe标签的解决办法

以上就是详解HTML5的video标签的浏览器兼容性增强方案的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

h5实现放大镜效果的代码

全面解析HTML5的文档结构和新增标签

利用HTML5自定义实现播放器代码分享

h5的进阶段内联标签

h5微信支付之引入微信的js-sdk包失败的解决方法

h5表单验证有哪些方法

怎样用h5预览pdf格式的文档

h5最全面解读

移动端h5页面实现生成图片的代码

震惊!HTML5区块链游戏联盟成立,设立10亿级发展基金!

更多相关阅读请进入《HTML5》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...