来源:自学PHP网 时间:2015-01-26 11:14 作者: 阅读:次
[导读] html5作为下一代web标准,年前轩起了html5热潮;html5声频audio和视频video一直被网友们所关注,本人也是好奇于是搜集整理一些相关的东东,需要了解的朋友可以参考下...
html5作为下一代web标准,年前轩起了html5热潮;html5声频audio和视频video一直被网友们所关注,本人也是好奇于是搜集整理一些相关的东东,需要了解的朋友可以参考下
在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属性有:
在HTML5 规定了声频标准为 audio 元素,audio 元素能够播放声音文件或者音频流。 audio格式和video相似:直接行多source: 复制代码 代码如下:<audio controls="controls"> <source src="xx.ogg" type="audio/ogg"> <source src="xx1.mp3" type="audio/mpeg"> 你的浏览器还不支持哦 </audio>其属性比video少了height、width、poster。在我们的开发中多媒体越来越重要,html5出现了这些video和audio。 |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com