• 芯片是汽车产业发展的基石  专家呼吁建立"汽车芯片智库" 2019-06-13
  • “高深文学创作回顾研讨会”在北京举行 2019-06-13
  • 江苏专项督查基础教育问题 择校热、大班额成重点 2019-06-08
  • 14599元!索尼A7M3发布:续航翻番、支持4K视频 2019-06-08
  • 首页 春城壹网 七彩云南 一网天下 2019-05-22
  • QFII政策调整引增量资金入场 “成长+大消费”或成布局重点 2019-05-22
  • 密印“农禅”:何以在蛮荒之地举起文明火把(图) 2019-05-18
  • 20180531 袁隆平:海水稻打破纪录,杂交稻走向全球 2019-05-17
  • 晋城:八项重点打好水污染防治攻坚战 2019-05-15
  • 法国装置艺术家将一部老旧房车改造成移动游泳池 2019-05-13
  • 习近平致信祝贺人民日报创刊70周年 2019-05-10
  • 诗经讲演录:男子如何从好色转为好德? 2019-05-10
  • 中国外交部:就朝美领导人会晤发表声明 2019-05-06
  • 报道新闻记录历史 70载人民日报见证中国发展大事 2019-05-06
  • 浙江小学生北大行 梦想教育从小开始 2019-04-27
  • 欢迎访问

    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-06-13
  • “高深文学创作回顾研讨会”在北京举行 2019-06-13
  • 江苏专项督查基础教育问题 择校热、大班额成重点 2019-06-08
  • 14599元!索尼A7M3发布:续航翻番、支持4K视频 2019-06-08
  • 首页 春城壹网 七彩云南 一网天下 2019-05-22
  • QFII政策调整引增量资金入场 “成长+大消费”或成布局重点 2019-05-22
  • 密印“农禅”:何以在蛮荒之地举起文明火把(图) 2019-05-18
  • 20180531 袁隆平:海水稻打破纪录,杂交稻走向全球 2019-05-17
  • 晋城:八项重点打好水污染防治攻坚战 2019-05-15
  • 法国装置艺术家将一部老旧房车改造成移动游泳池 2019-05-13
  • 习近平致信祝贺人民日报创刊70周年 2019-05-10
  • 诗经讲演录:男子如何从好色转为好德? 2019-05-10
  • 中国外交部:就朝美领导人会晤发表声明 2019-05-06
  • 报道新闻记录历史 70载人民日报见证中国发展大事 2019-05-06
  • 浙江小学生北大行 梦想教育从小开始 2019-04-27
  • 内蒙古11选5跟号必中 全天北京快三计划网 彩票走势图周6开走势 河北快三一定牛势图 快乐飞艇彩票官方网站 百家乐 河北20选5开奖公告 香港六肖中特五肖王 海南飞鱼彩票开奖号码 吉林11选5任七推荐号 轮滑冰球场 福彩3d试机号分析17500 福建时时彩软件 深圳风采2019091 手机彩票软件排行榜