• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > html5声频audio和视频video等新特性详细说明

html5声频audio和视频video等新特性详细说明

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含audio,video,声频,视频等相关知识,佚名 希望在学习及工作中可以帮助到您
html5作为下一代web标准,年前轩起了html5热潮。对于html5我只是本着了解看看。关于html5和RIA(silverlight,flash,JavaFx等)我不想说什么,也没有什么可说的,存在就有其存在的理由。孰优孰劣,留给事实、时间来证明的。

在html5中出现了一些新特性:
canvas 元素 视频 video 和 声频audio 元素 ;
对本地离线存储(localStorage,sessionStorage)的支持 ;
新增特殊内容元素:article、footer、header、nav、section ;
新增表单控件: calendar、date、time、email、url、search 。
今天看看视频和声频:在html5中规定了视频的标准方法:video
<video src="xxx.ogg" controls="controls">你的浏览器还不支持哦</video> 我们也可以设置多个source,浏览器会为我们选择第一个可识别的视频来播放,形如:<video width="320" height="240" controls="controls"> <source src="xxx.ogg" type="video/ogg"> <source src="xx1.mp4" type="video/mp4">你的浏览器还不支持哦</video>video属性有:
属性 值 描述
autoplay autoplay 如果出现该属性,则视频在就绪后马上播放。
controls controls 如果出现该属性,则向用户显示控件,比如播放按钮。
height 像素 设置视频播放器的高度。
loop loop 如果出现该属性,则当媒介文件完成播放后再次开始播放。
preload preload

如果出现该属性,则视频在页面加载时进行加载,并预备播放。

如果使用 "autoplay",则忽略该属性。

src url视频地址 要播放的视频的 URL。
width 像素 设置视频播放器的宽度。

autobuffer

Autobuffer

(自动缓冲)

在网页显示时,该二进制属性表示是由用户代理(浏览器)自动缓冲的内容,还是由用户使用相关API进行内容缓冲

poster

url图片地址

 

当视频未响应或缓冲不足时,该属性值链接到一个图像。该图像将以一定比例被显示出来


在HTML5 规定了声频标准为 audio 元素,audio 元素能够播放声音文件或者音频流。
audio格式和video相似:直接行多source:

</audio>其属性比video少了height、width、poster。在我们的开发中多媒体越来越重要,html5出现了这些video和audio。

您可能想查找下面的文章:

  • H5新属性audio音频和video视频的控制详解(推荐)
  • 浅谈h5自定义audio(问题及解决)
  • 使用HTML5在网页中嵌入音频和视频播放的基本方法
  • Html5 audio标签样式的修改
  • 简单介绍HTML5中audio标签的使用
  • HTML5 audio标签使用js进行播放控制实例
  • HTML5 Video/Audio播放本地文件示例介绍
  • html5 音乐播放器 audio 标签使用概述
  • html5中为audio标签增加停止按钮动作实现方法
  • html5声频audio和视频video等新特性详细说明

相关文章

  • 2017-08-06HTML5触摸事件演化tap事件介绍
  • 2018-12-03分享一个简单的HTML5 视频嵌入实例代码
  • 2018-12-03HTML5 Canvas实现烟花绽放的特效
  • 2017-08-06HTML5实现经典坦克大战坦克乱走还能发出一个子弹
  • 2018-12-03html5实现把上传的图片转成base64编码在显示(代码实例)
  • 2018-12-03w3.org 结构复杂,信息量大,新人从哪里入手比较好?
  • 2018-12-03关于 HTML5 被简称做 H5 ,你怎么看?
  • 2018-12-03h5实现多图片预览上传及点击可拖拽控件
  • 2018-12-03select下拉框的右边怎么增加提示图标
  • 2018-12-03很酷的HTML5电子书翻页动画特效_html5教程技巧

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 有关HTML5 Video对象的ontimeupdate事件(Chrome上无效)的问题 _html5教程技巧
    • 编写html5时调试发现脚本php等网页js、css等失效
    • 《实用技巧》—让你的网站变成响应式的3个简单步骤
    • 在移动端上,JS如何能知道浏览器已经被切换到后台了?
    • 如何评价html5规范正式定稿对互联网以及电子商务的影响?
    • HTML5的新特性(1) _html5教程技巧
    • html5绘制时钟动画_html5教程技巧
    • 小强的HTML5移动开发之路(17)——HTML5内联SVG
    • HTML5画一个简单呢好看的电路图
    • 基于HTML5 Canvas 实现弹出框效果

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有