• 王东峰主持召开河北雄安新区规划建设工作领导小组会议 2019-04-19
  • 那样的大环境,谁都难免搞腐败,官员用腐败证明,政治路线是决定一切的,路线不正确,好干部要 变坏,精英会变坏,带领社会风气变坏,慢慢地改变社会性质。 2019-04-19
  • 计划经济是根据政府计划调节经济活动的经济运行体制。又称为指令型经济。小萌以为是各经济组织把自己制订的计划上报一下就叫计划经济? 2019-04-16
  • 吃饭要人喂是行为退化 2019-04-12
  • 阿根廷VS冰岛:冰岛队全力死守抗强敌 2019-04-04
  • 海外版开放谈:开放促内陆高质量发展 2019-03-28
  • 女性之声——全国妇联 2019-03-27
  • 《舌尖上的中国》陈晓卿新作《风味人间》即将登场 2019-03-27
  • 呵呵。。。你这是没有耐力和极不对称的高手。真正的高手过招会有很多的精彩回合。 2019-03-22
  • 图说互联网(21期)iPhone的10年 下一个10年属于谁? 2019-03-18
  • 欢迎访问

    3d和值走势图:云南鼎浩信息技术有限公司官方网站,云南网站建设诚信品牌!

    DING HAO COLUMN 鼎浩专栏

    鼎浩的一些分享
    Sharing from Ding Hao

    HTML5视频标签video

    来源:云南11选五走势图500期     2013年07月02日17:02
    字号:T|T

    云南11选五走势图500期 www.a-mcl.com 现阶段,我们要在网页中嵌入视频的最可靠最常用的办法是使用Flash,通过使用和标签,就可以通过浏览器播放swf,flv等格式视频文件,但是前提是浏览器必须安装第三方插件:Adobe Flash Player。而HTML5的到来,改变了这一事实,WEB开发者只需要使用标签就可以轻松加载视频文件,而不需要任何第三方插件。

    未来的WEB将可以在任何终端,任何平台只需通过HTML5的标签就能实现加载视频文件。

    WEB中的Video标签

    HTML5定义了一个新的元素用来指定标准的方式来插入视频文件到web页面中:标签。使用video标签可以控制视频的播放与停止,循环播放,视频尺寸等等,详情请看下表。

    属性 描述
    autoplay true | false 如果是 true,则视频在就绪后马上播放。
    controls true | false 如果是 true,则向用户显示控件,比如播放按钮。
    height 像素 设置视频播放器的高度。
    loop true | false 完成播放后再次开始播放,即循环播放
    poster url 当视频未响应或缓冲不足时,该属性值链接到一个图像。该图像将以一定比例被显示出来
    src url 所播放视频的 url。使用子元素实现更好。
    width 像素 设置视频播放器的宽度。

    目前支持标签的浏览器有:

    IE9,Firefox, Opera,Chrome和Safari都支持标签。

    注意:IE8和更早的版本,不支持标签。

    如何使用Video

    要在HTML5中播放视频,需要在body中插入以下代码:

    由于旧的浏览器和Internet Explorer不支持元素,考虑到兼容性,我们必须为这些浏览器找到一个支持Flash文件的解决方案。不幸的是,和HTML 5音频一样,涉及到视频的文件格式,Firefox 和 Safari/Chrome 的支持方式并不相同。因此,如果你想在这个时候使用HTML 5视频,则需要创建三个视频版本。

    OGG,MP4,FLV/SWF

     
         
    

    HTML5 视频标签的注意事项

    1、需创建三种视频格式以实现对 Firefox,Safari/Chrome 和 IE 的支持;

    2、不要省略任何一种格式。不能将HTML 5如你所想的那样兼容 Firefox 和 Safari,Safari 能解释标签,会期望加载合适的文件,如果省略某种格式,会导致播放器空白;

    3、记住全屏显示不被 Safari 和 Chrome 所支持。然而,在 Firefox 3.6 版本中,你可以全屏浏览;

    4、要明白 IE 加载 Flash 文件的原因,是因为 IE 不能解释元素。然而,如果浏览器支持,则会期望加载合适的文件。

    客服中心
    点击进行在线咨询

    QQ咨询 咨询QQ:79929313 咨询QQ:88139574 咨询QQ:122790803

    咨询热线:0871-63399840

    客服热线:0871-63523332

    客服中心 客服中心
  • 王东峰主持召开河北雄安新区规划建设工作领导小组会议 2019-04-19
  • 那样的大环境,谁都难免搞腐败,官员用腐败证明,政治路线是决定一切的,路线不正确,好干部要 变坏,精英会变坏,带领社会风气变坏,慢慢地改变社会性质。 2019-04-19
  • 计划经济是根据政府计划调节经济活动的经济运行体制。又称为指令型经济。小萌以为是各经济组织把自己制订的计划上报一下就叫计划经济? 2019-04-16
  • 吃饭要人喂是行为退化 2019-04-12
  • 阿根廷VS冰岛:冰岛队全力死守抗强敌 2019-04-04
  • 海外版开放谈:开放促内陆高质量发展 2019-03-28
  • 女性之声——全国妇联 2019-03-27
  • 《舌尖上的中国》陈晓卿新作《风味人间》即将登场 2019-03-27
  • 呵呵。。。你这是没有耐力和极不对称的高手。真正的高手过招会有很多的精彩回合。 2019-03-22
  • 图说互联网(21期)iPhone的10年 下一个10年属于谁? 2019-03-18