html5新特性与用法大全

2019-01-28 21:09:44刘景俊

  10)pattern:指定输入必须符合的正则表达式  

上述验证属性会影响表单元素对应的js对象的validity属性,validity属性是验证的属性。

(三) video 视频和音频

    1.flash被H5取代体现在哪些方面?                

flash 绘图(AS/FLEX) =>Canvas/SVG                 

flash 动画 => 定时器+Canvas                 

视频和音频播放 => VIDEO/AUDIO                 

flash 客户端存储 => WebStorage     

2.H5新特性 ——视频播放器 (是个行内块元素。可以给宽高)                

H5提供了一个新的标签用于播放视频:

<video src=""></video> <video src=""> <source src="res/birds.mp4"></source> <source src="res/birds.ogg"></source> <source src="res/birds.webm"></source>

您的浏览器不支持VIDEO播放!

</video> 它本身是一个300*150的行内块元素  备注:写多行source是为了兼容各个浏览器。因为浏览器对视频格式支持不统一,有些浏览器例如有些浏览器支持mp4格式,那么它就播放第一个mp4格式的视频,如果它不支持就检查是不是支持下面的ogg视频,如果支持就播放,不支持的话继续向下,下面没有source了,那么就显示“您的浏览器不支持VIDEO播放!”。

VIDEO标签/对象常用的成员:  

成员属性:

<video id="v2" src="" autoplay controls loop muted poster="2.jpg" preload="auto"></video>  

autoplay:false, 是否自动播放 默认false  controls:false,是否显示播放控件,默认为false  loop:false ,是否循环播放,默认为false  muted:false,是否静音播放,默认为false  poster:'',在播放第一帧之前显示的海报,可以是图片。默认为空没有 preload:视频预加载策略,可取值: auto:预加载视频的元数据以及缓冲一定时长,绝对不可以在手机端使用  (尺寸/时长。第一帧内容,缓冲时长)(预加载浪费流量) metadata:仅预加载视频的元数据(尺寸/时长,第一帧内容,)没有缓冲时长,适合手机 none:不预加载任何数据

----------------------------------------------------------------- id v2的属性 用法例如: