现在的位置: 首页 > 综合 > 正文

零基础精通HTML5+CSS3(二)

2016年05月28日 ⁄ 综合 ⁄ 共 1336字 ⁄ 字号 评论关闭

上个礼拜本来点了发表的。可惜由于我网速的原因 ,我只好从新弄这二篇了。

此篇会真正步入Html5  因为我也是新手可能有些地方写的不多希望大家指正。


Html是网页的估计,HTml5我认为是在这些骨架的基础上有给网页添加了属于他的内脏器官。以前在网页实现视频声音,需要通过Flash 现在有了HTML 5 直接就可以在网页上面实现视频/音频 加载、 播放的功能。我认为十分强悍。


官方给Html5的新规则。

  • 新特性应该基于 HTML、CSS、DOM 以及 JavaScript。
  • 减少对外部插件的需求(比如 Flash)
  • 更优秀的错误处理
  • 更多取代脚本的标记
  • HTML5 应该独立于设备(独立于设备这点十分方面,我个人认为任何能跨平台的东西都是好东西!!!)
  • 开发进程应对公众透明(这点我并不觉得好...)   


<video></video> 这对标签 ,是HTML5的视频播放标签。
因为到目前为止 HTML5都没有被所有浏览器所接受.这里我们就需要知道哪些东西是可以用,怎么用的。
此处copy 官方给的规则
格式 IE Firefox Opera Chrome Safari
Ogg No 3.5+ 10.5+ 5.0+ No
MPEG 4 9.0+ No No 5.0+ 3.0+
WebM No 4.0+ 10.6+ 6.0+ No


大家在自己测试的时候一定要注意文件的格式还有就是最好不要在路径下面有中文。有时候可能会出错。
可以再video 标签内加入说明,这样 在不支持这个新特性的浏览器下面就会显示出你输入的那段话。
在video 标签中还有一对子标签 <source> 这个标签就好比是让浏览器做选择题,如果你不认识这个格式就自动换到下一个source标签中标记的地址

<source src="movie.ogg" type="video/ogg">
  <source src="movie.mp4" type="video/mp4">

 就好比这样,第一个格式不行就换到第二个MP4格式中去。

video  标签中的属性(是写在标签里面的属性)。
autoplay="autopaly" 如果出现则视频就会在就绪后自动播放。值=autopaly
controls ="controls" 如果出现想用户显示控制播放的按钮
height width 这个相比我就不用多说了
loop="lop" 当媒体播放完成后再次开始播放。此点就说明了HTML5具有逻辑循环的算法了!!!
preload  ="preload" 如果出现此项 视频在页面加载时候处于等待状态 如果有此状态第一个属性autoplay自动忽略
src=“” 视频播放的地址
此处贴了段我联系的代码希望大家自己亲手歇一歇。在video标签中还有一些js调用的代码。大家可以尝试下,爱好学习的同学们一定要去官网多看看、
标签<audio></>是声音标签。原理和上文的视频标签很多相同之处。也有js调用的方法。一定要注意什么时候可以用此表亲
好了~~我给大家的建议就这么多!!! 
只要持之以恒没有什么办不到。! 小鱼在这里保证每个月更新四片博客。
并且以后会有Android c/c++ python cocos2d-x 陆续介绍给大家!

  IE 9 Firefox 3.5 Opera 10.5 Chrome 3.0 Safari 3.0
Ogg Vorbis    
MP3    
Wav    



抱歉!评论已关闭.