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


当前第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 实现浏览器兼容的方法的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

html中的video无法播放怎么办

html5 video 上传预览图片视频,设置、预览视频某秒的海报帧

html5中浏览器是否能播放指定的音频/视频类型的方法canplaytype()

解决h5网页中用video标签无法播放mp4视频的方法

html5 video标签的属性、方法和事件汇总介绍

html5无插件多媒体media-音频audio与视频video的详细介绍

html5 video视频字幕的使用和制作方法

html5 video标签的播放控制

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

向html中插入视频并兼容所有浏览器的方法

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




打赏

取消

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

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

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

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

评论

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