我要在html中插入flv格式的视频,通过<a>链接打开这个视频在网页上观看

来自:感人    更新日期:早些时候
如何在html中插入FLV视频~

朋友你在网页中插入flv视频是不能播放的,因为它是个视频文件,它需要播放器才行,你将播放器插入网页再将视频地址弄进去就行了。

向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视频代码了。

<video width="320" height="240" controls="controls">
  <source src="movie.ogg" type="video/ogg">
  <source src="movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

这是html5的代码,你可以试试看。

还有以前的版本的:

<embed src="文件名"></embed>

你可以试试看,希望能帮到你。




我要在html中插入flv格式的视频,通过<a>链接打开这个视频在网页上观看视频

相关评论:
  • 15796553166我要在html中插入flv格式的视频,通过<a>链接打开这个视频在网页上观看...
    谈印启<video width="320" height="240" controls="controls"> <source src="movie.ogg" type="video\/ogg"> <source src="movie.mp4" type="video\/mp4">Your browser does not support the video tag.<\/video>这是html5的代码,你可以试试看。还有以前的版本的:<embed src="文件名"><\/embed...

  • 15796553166html中怎样嵌入flv格式文件
    谈印启html中怎样嵌入flv格式文件 复制代码 代码如下:<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"codebase="http:\/\/download.macromedia.com\/pub\/shockwave\/cabs\/flash\/swflash.cab#version=6,0,29,0" height="120" width="190"> <param name="movie"value="\/player\/vcastr22.swf?v...

  • 15796553166在html里怎么添加flash视频格式(flv、swf)文件
    谈印启如果你在运行一个流服务,flv将是一个好的选择。上游条件是,这个文件的任何部分可以被客户终端访问,并且任何时间不会等待下载。话又说回来了,运行一个流服务待价昂贵。 (2).swf也是Macromedia Flash文件格式,是一个完整的视频-音频文件,并具有脚本和其它更多的。这将有利于HTTP(渐进式)下载,也...

  • 15796553166html5怎么添加flv格式视频?
    谈印启当前html5 支持三种格式,分别是:Ogg、MPEG 4、WebM .flv格式要是想要播放的话需要自己在网站上添加flash视频播放器或者有一种简单的办法就是将视频传到优酷或其他视频空间,再调用他们的站外播放器这样的缺点就是会有他们的广告。

  • 15796553166如何在手机端中使用HTML5插入flv格式的视频
    谈印启WebM .flv格式要是想要播放的话需要自己在网站上添加flash视频播放器,或者有一种简单的办法就是将视频传到优酷或其他视频空间, 再调用他们的站外播放器, 这样的缺点就是会有他们的广告。另外,可以使用视频格式转换器,将flv格式的视频转换成mp4格式的,然后就可以使用html5的<video> 标签调用视频了.

  • 15796553166求!html页面能播放flv格式的视频插件或者方法,急急急!!!
    谈印启<\/object>1234567 1.flvplayer.swf换成你的swf路径文件 2.添加属性flashvars=”vcastr_file=images\/1234.flv”,其中“images\/1234.flv”便是flv的路径。3.allowFullScreen: 是否允许全屏显示,true是,false否。其他参数咱不做详解了。。。4.loop: true循环播放 5.如要插入.swf格式视频,去掉...

  • 15796553166怎么用HTML语言在网页中插入FLV视频(关于播放器的代码请详细解释一下...
    谈印启缺省值是 #=fileopen,即在链接到含本标记的页面(如本页)时开始播放 AVI。mouseover 是指您把鼠标移到 AVI 播放区域之上时才开始播放 AVI。也可以两者同时设置:<img start=fileopen,mouseover> 另外,用鼠标在 AVI 播放区域点击一下,也将令浏览器开始播放该 AVI。<img src="SAMPLE-S.GIF" ...

  • 15796553166怎么在HTML中加入FLV视频?
    谈印启<param name="movie" value=" 111(这里).flv"> <param name="quality" value="high"> <param name="allowScriptAccess" value="sameDomain" \/> <param name="allowFullScreen" value="True" \/> <embed src="mflvplayer.swf" quality="high" pluginspage="http:\/\/www.macromedia.com\/go\/...

  • 15796553166怎样在网页中插入Flv播放器代码,彻底解决flv格式文件播放
    谈印启也可以在flvplayer.swf后添加FLV文件的URL来进行播放。方法如下:<object type=application\/x-shockwave-flash width=400 height=220wmode=transparent data=flvplayer.swf?file=movies\/holiday.flv<param name=movie value=flvplayer.swf?file=movies\/holiday.flv \/<param name=wmode value=transparent \/<\/...

  • 15796553166静态网页如何插入并播放FLV文件?
    谈印启如果你一定要把视频文件存储在自己的服务器上,那你就需要用flash开发一个flv播放器,网上可以搜到代码 刚刚google了一下 现在有提供播放器的,只需要指定播放器路径和flv路径就可以了 给你提供一段播放酷六视频的html <!DOCTYPE HTML PUBLIC "-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN"> <HTML> <...

  • 相关主题精彩

    版权声明:本网站为非赢利性站点,内容来自于网络投稿和网络,若有相关事宜,请联系管理员

    Copyright © 喜物网