html 兼容flv,怎么在html中插入.flv的视频，同时兼容各大浏览器呢？

满意答案

和Lng2g3j

2016.04.22

采纳率：57% 等级：7

已帮助：4162人

向HTML中插入视频有两种方法，一种是古老的object标签，一种是html5中的video标签，前者兼容性相对好些，后者兼容性让人头疼。

最常用的向HTML中插入视频的方法有两种，一种是古老的标签，一种是html5中的标签。

前者的兼容性没得说，但是使用起来不太方便，后者使用起来很方便，但是兼容性让人头疼。

虽然后者兼容性存在很多问题，但是因为使用很方便，符合未来网页设计发展的趋势，因此我们以后者为主要的插入视频的方法，因为它兼容性的问题，前者作为辅助。

示例如下：

代码如下:

your browser does not support the video tag

当前，video 元素支持三种视频格式：

格式 IE Firefox Opera Chrome Safari

Ogg No 3.5+ 10.5+ 5.0+ No

MPEG 4 9.0+ No No 5.0+ 3.0+

WebM No 4.0+ 10.6+ 6.0+ No

Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件

MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件

WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件

注：格式必须符合上面三条详细要求，比如MPEG 4，必须是H.264视频和AAC音频。

在这种情况下，如果视频格式正确，大部分浏览器的兼容性结果我们还算满意，但是IE678不支持它，并且人家的用户至今在中国还是十分庞大的群体，我们就必须想到另外一个解决方案支持它们：

代码如下:

这里面引入了一些文件，除了flv格式的视频，还有几个swf或js文件，都是用DW软件生成的，不想研究标签的朋友去DW软件生成就行，如果可以巧妙的融合

这两段代码就可以得到兼容所有主流浏览器的终极代码了。

于是我们可以这样：

用jquery判断浏览器是否为IE(不用判断具体IE版本，因为服务器的原因IE很可能高版本也不通过，暂且IE全部用标签)，根据版本加载不同的标签，代码如下：

代码如下:

if($.browser.msie){

document.write(''+

''+

'');

}else{

document.write(''+

''+

'your browser does not support the video tag'+

'');

}

不要忘记在写这段代码之前引入jquery文件

到此为止，就可以编写兼容所有浏览器的HTML视频代码了。

00分享举报

html 兼容flv,怎么在html中插入.flv的视频，同时兼容各大浏览器呢？相关推荐

在网页中插入FLV视频，经测试兼容IE、火狐、谷歌等浏览器
比较目前,所有的浏览器都支持FLASH.所以,这个方法大众普遍都很接受,优酷.土豆等在线视频就是使用的FLASH的. 本例播放器使用Flvplayer.swf.播放器在下文的demo文件中.网页中插入 ...
html flash 循环播放,在网页中插入flv格式的flash视频怎么让其循环播放_html/css_WEB-ITnose...
求解在网页中插入flv格式的flash视频怎么让其循环播放回复讨论(解决方案) 求解在网页中插入flv格式的flash视频怎么让其循环播放这个得让flash coder设置flash播放器吧 ...
在Hexo搭建的博客中插入音乐或者视频
原文地址在Hexo搭建的博客中插入音乐或者视频用hexo搭建博客后,记录了自己生活和学习中的很多事情.今天偶然想到能不能在博客中插入音乐和视频呢?然后就开始了今天的历程.... hexo-tag-a ...
如何在Word中插入PC端视频
step 1 在Word-插入中找到对象并打开 step 2 选择对象并打开,在其中选择PPT,Presentation step 3 然后打开了PPT,在其中插入视频,调整好大小后保存.退出 ste ...
如何在网站中插入优酷视频
如何在网站中插入优酷视频随着网站的多元化,一些个人或公司的网站也不断的丰富,其中插入优酷视频就是其中一种方法,那么如何在网站中插入优酷视频呢黎明网络营销网站就给大家介绍一下第一步:我们先在 ...
往微信图文中插入外链视频的方法（包含几种失败方法）
往微信图文中插入外链视频的方法(包含几种失败方法) 几种不同方法最常见方法失败方法一:下载视频上传后台利用windows 系统命令行对视频缓存的合成及转换检查网页元素进行视频捕捉和保存手机端 ...
如何在网页中插入Flv视频文件
首先說下這個Flash視頻,也就是Flash Video. 為什麼要用這個?很顯然是需要在網頁中播放視頻.我們都知道一般的視頻文件,要不就是asf格式.wmv格式使用mediaplayer進行播放,要 ...
如何在notebook中的markdown中插入截取的图片_96编辑器教你如何在文章中插入图片、视频、音频！...
一.如何插入图片注意事项: 1.上传的每张图片大小请勿超过2M.如果文章内需要插入数量较多的图片,请先压缩每张图片至100kb左右,如果文章内插入较多的大图片可能会造成同步慢.生成不了图片,文章页面 ...
日常生活小技巧 -- word中插入visio和视频
如需转载请注明出处:https://blog.csdn.net/qq_29350001/article/details/89487736 用visio画的流程图和视频,该怎么插入到word中呢?下面来 ...

html 兼容flv,怎么在html中插入.flv的视频，同时兼容各大浏览器呢？

html 兼容flv,怎么在html中插入.flv的视频，同时兼容各大浏览器呢？相关推荐

最新文章

热门文章