html5（1）

   querySelector : 匹配到符合要求的第一个元素
   qierySelectorAll : 匹配到符合要求的所有元素，返回的是一个数组
   daggable : 设置元素拖放
   ondragstart : 拖拽前发生
   ondrag : 拖拽时持续发生
   ondragend : 拖拽结束发生
   ondragenter : 移入目标元素触发
   ondragover : 移入目标元素持续触发
   ondragleave ：离开目标元素触发
   ondrop : 在目标元素松开鼠标触发
   dataTransfer : 添加到事件对象上的对象
   offectAllowed  光标样式
   setDragImage  拖拽样式
   setData() : 设置属性和属性值
   getData() : 获取属性相对应的属性值
   audio : 音频
   video : 视频
   source : 辅助音频和视频使用解决兼容问题
   controls : 显示或隐藏用户控制界面
   autoplay : 是否自动播放
   loop : 是否循环
   currentTime : 当前播放时间
   duration : 总时长（只读）
   volume : 0-1音量
   muted : 是否静音
   paused : 是否暂停（只读）
   ended : 是否播放完毕（只读）
   error : 发生错误时 返回错误代码（只读）
   currentSrc : 义字符串形式返回媒体地址（只读）
   play() : 媒体播放
   pause() : 媒体暂停
   load() : 重新加载媒体
   onended : 当播放时间到达结尾时发生
   ontimeupdate : 当播放时间发生改变时发生
   onplay : 当点击播放按钮时触发
   onpause : 点击暂停时发生
   poster : 视频播放前的预览图片
   widet、height : 视频尺寸
   videoWidth、videoHeight : 视频实际尺寸