`
tomhibolu
  • 浏览: 1431128 次
文章分类
社区版块
存档分类
最新评论

HTML5视频音频小试

 
阅读更多

今天小试了HTML5里面的两个新标签,<video>..</video>,<audio></audio>

具体例子如下:

<video src="1.wmv" controls="true">您的浏览器不支持 video 标签。</video>

<audio src="1.wav" controls="true">您的浏览器不支持 audio 标签。</audio>

具体属性:

autoplay true | false 如果是 true,则视频在就绪后马上播放。
controls true | false 如果是 true,则向用户显示控件,比如播放按钮。
end numeric value 定义播放器在视频流中的何处停止播放。默认地,声音会播放到结尾。
height pixels 设置视频播放器的高度。
loopend numeric value 定义在视频流中循环播放停止的位置,默认是 end 属性的值。
loopstart numeric value 定义在视频流中循环播放的开始位置。默认是 start 属性的值
playcount numeric value 定义视频片段播放多少次。默认是 1。
poster url 在视频播放之前所显示的图片的 URL。
src url 要播放的视频的 URL。
start numeric value 定义播放器在音频流中开始播放的位置。默认地,声音在开头进行播放。
width pixels

设置视频播放器的宽度。

最后试用结果:

这两个标签现在还处于草案阶段,好像许多格式都不支持,如微软的.wav ,MP3格式 和视频格式.wmv等都不支持。

不过在Firefox和GOOGLE 的浏览器下面显示的播放器界面还不一样哩。firefox下的界面比较好看。看下:

firefox界面:
省略....

chrome界面:

省略....

分享到:
评论

相关推荐

    HTML5初学小试

    通过学习这些示例,初学者可以了解HTML5的基本结构、语义化标签,如, , , , 等,以及如何利用HTML5的新特性如canvas、拖放和多媒体元素(音频、视频)来创建更具交互性的网页。 同时,HTML5还引入了离线存储...

    牛刀小试的汇编教程,很好的入门教材!

    这个“牛刀小试的汇编教程”是为初学者设计的一份入门教材,旨在帮助学习者快速理解和掌握汇编语言的基本概念和操作。 汇编语言与机器语言紧密相关,每一行汇编代码都可以直接转换成相应的机器码,执行效率高,但...

    牛刀小试VC++教程高清PDF版.pdf

    ### 牛刀小试VC++教程知识点概览 #### 标题解读 - **标题**:“牛刀小试VC++教程高清PDF版.pdf” - **解析**:这份文档是一份关于VC++(Visual C++)编程语言的教程,特别之处在于它被命名为“牛刀小试”,意味着...

    Android 小试牛刀(一)

    Android 小试牛刀1 博文链接:https://huangpengxiao.iteye.com/blog/199497

    通达信指标公式源码小试牛刀.doc

    5. **建仓区**:基于VARO5和VARO6计算的VARO7指标,当其值低于10时,表示可能进入建仓区域,此时数值设为100,颜色设定为蓝色。 6. **CD1, CD2, CD3, CD4, CD5, CD6**:这一系列指标用于构建一个波动率和动量相结合...

    通达信指标公式源码 小试牛刀精髓.doc

    本文档《通达信指标公式源码 小试牛刀精髓.doc》主要介绍了如何利用公式进行技术分析,帮助用户在股市中寻找潜在的投资机会。以下是其中涉及的一些关键知识点: 1. **移动平均线(MA)**: - 移动平均线是股票分析...

    ECMAScript-Edition5-小试

    ### ECMAScript 5 版本特性解析 #### 引言 随着互联网技术的迅猛发展,JavaScript 作为一种广泛应用于浏览器端的脚本语言,其重要性日益凸显。为了更好地满足开发者的实际需求并提高编程效率,ECMAScript 第五版...

    linux小试牛刀-项目开发

    在"第5季-小试牛刀-项目开发"的压缩包中,可能包含了关于以上各个知识点的实践教程、代码示例或者项目案例。通过学习这些内容,开发者可以深入理解Linux驱动开发的过程,掌握从识别硬件接口到编写驱动代码,再到测试...

    第二周牛刀小试测试题答案1

    5. 归因模型:广告归因模型用于评估不同触点在转化过程中的贡献。例如,时间衰减模型重视最近的触点,线性模型认为每个触点都有同等价值,最终点击模型只看重导致转化的那次点击。如果希望奖励所有团队成员,可能...

    牛刀小试VC

    《牛刀小试VC》是一本面向初学者的VC(Visual C++)编程教程,旨在帮助读者快速掌握VC++的基础知识和应用技巧。这本教程以其高清PDF版的形式,为学习者提供了清晰、易读的学习材料,使得学习过程更为愉快且有效。 ...

    牛刀小试C语言基础教学及实践

    "牛刀小试C语言基础教学及实践"这套教程显然是为了帮助初学者建立起扎实的C语言基础。 在C语言的学习中,首先会接触到的是基本的语法结构。这包括变量的声明、数据类型(如int、float、char等)、运算符(如算术...

    jquery小试牛刀

    《jQuery小试牛刀》 在Web开发领域,jQuery是一个不可或缺的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。本文将深入探讨jQuery的核心概念和常见用法,帮助读者更好地理解和运用这...

    Vray中文版基础视频教程下载课程素材06-牛刀小试.zip

    《Vray中文版基础视频教程下载课程素材06-牛刀小试》是一个针对初学者的教育资源,旨在帮助用户掌握Vray在中国语言环境下的基本使用技巧。Vray是一款广泛应用于建筑可视化、产品设计、室内设计等多个领域的专业渲染...

    Java小试一个播放音乐器

    本项目就是一个很好的例子——“Java小试一个播放音乐器”,它是一个简单的音乐播放程序,专门用于播放wav格式的音频文件。 在Java中实现音乐播放功能,主要涉及到以下几个核心知识点: 1. **音频文件处理**:Java...

    小试牛刀.exe

    小试牛刀.exe

    暴雪作业(修改,小试牛刀,大家给点意见[配有音乐)

    暴雪作业(修改,小试牛刀,大家给点意见[配有音乐)

    Docker小试牛刀

    各位同学,此篇文档有助于刚接触Docker学员,请根据文档进行实战一下,有助于加深对Docker的理解

    刘易斯小试牛刀.nrp

    刘易斯小试牛刀.nrp

    Vray中文版基础视频教程下载课程板书06章 牛刀小试.doc

    视频教程

    ios hook 小试牛刀(一)

    ios hook 小试牛刀(一)ios hook 小试牛刀(一)ios hook 小试牛刀(一)ios hook 小试牛刀(一)ios hook 小试牛刀(一)ios hook 小试牛刀(一)ios hook 小试牛刀(一)

Global site tag (gtag.js) - Google Analytics