HTML5 video 实现浏览器兼容的方法

PHP中文网 JavaScript 百度已收录

当前第2页 返回上一页

大体就是这样，比较简单，更加具体的关于 video 的使用方法，可以搜索一下，也可以见本文扩展阅读链接，在这里不再赘述。

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

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

1

2

3

4

5

6

7

<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 功能使用。

以上内容就是关于HTML5 video 实现浏览器兼容的方法，希望能帮助到大家。

相关推荐：

浏览器兼容HTML5和CSS3的问题

HTML里需要兼容验证的浏览器有哪些

实现兼容各种浏览器的音乐播放js代码

以上就是HTML5 video 实现浏览器兼容的方法的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

h5新标签浏览器的兼容问题

h5的video如何实现以及操作弹幕

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

html中的video无法播放怎么办

h5的video标签操作摄像头

jquery获取浏览器类型和版本号的方法

html5使用dom进行自定义控制

ie浏览器的html hack标签有哪些使用方法

html5播放视频的标签是什么？如何在web页面播放视频呢？（内附实例）

html5 video 视频标签使用介绍

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




标签：

打赏

取消

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

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

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

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

相关推荐

评论

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