博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html5声频audio和视频video
阅读量:6575 次
发布时间:2019-06-24

本文共 1124 字,大约阅读时间需要 3 分钟。

 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

我们也可以设置多个source,浏览器会为我们选择第一个可识别的视频来播放,形如:
你的浏览器还不支持哦
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:

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

我的html5系列:

本文转自破狼博客园博客,原文链接:http://www.cnblogs.com/whitewolf/archive/2011/02/28/1967456.html,如需转载请自行联系原作者
你可能感兴趣的文章
linux安装go环境并编写第一个go程序
查看>>
【在线研讨-现场文字】《敏捷开发用户故事分类与组织结构(二期-3)》2012-07-03...
查看>>
易语言 --什么情况下 用许可证
查看>>
项目总结:凡事预则立,不预则废!
查看>>
建属于自己的网站
查看>>
[linux] ubuntu 切换默认的/bin/sh
查看>>
boost库之智能指针
查看>>
linux c/c++ GDB教程详解(转载)
查看>>
我的友情链接
查看>>
自定义View Client 登录方式(一)
查看>>
cenOS+nginx+php+mysql (非一键包安装)
查看>>
我的友情链接
查看>>
我来自CSDN
查看>>
在mysql表中插入大量测试数据
查看>>
怎么给电脑设置IP地址和DNS地址,各系统设置IP/DNS几种方法
查看>>
面试总结之 oop desing 之 The Strategy Pattern
查看>>
必 备 习 题 集 (一)
查看>>
windows下批量部署简易脚本
查看>>
python爬虫入门—统计豆瓣电影评论词频
查看>>
【LoadRunner技术讲座4】利用sitescope监测监控mysql
查看>>