video.js 中的属性和原生HTML5视频播放

---

一.viedo的标签

<video src="movie.ogg" controls="controls"></video>

<video controls poster="/images/w3school.gif">   <source src="movie.mp4" type="video/mp4">   <source src="movie.ogg" type="video/ogg">   Your browser does not support the video tag.</video> **打开视频的时候所显示的图片，可以放个美女。裤子都脱了就让我看这个**

设置视频地址
第一种方式：

<video controls="controls" src="movie.ogg">Your browser does not support the video tag.</video>src是要插入的视频地址

第二种方式：

<audio controls>   <source src="horse.ogg" type="audio/ogg">   <source src="horse.mp3" type="audio/mpeg"></audio> 增加<source>标签

---

二.全局属性

以上图片内所有属性标签全部支持

<video controls="controls" autoplay="autoplay">  <source src="movie.ogg" type="video/ogg" />  <source src="movie.mp4" type="video/mp4" />Your browser does not support the video tag.</video>**autoplay 属性规定一旦视频就绪马上开始播放。如果设置了该属性，视频将自动播放。**

---

三.HTML5 Audio/Video 方法

描述 方法 addTextTrack() 向音频/视频添加新的文本轨道 canPlayType() 检测浏览器是否能播放指定的音频/视频类型 load() 重新加载音频/视频元素 play() 开始播放音频/视频 pause() 暂停当前播放的音频/视频

---

四.HTML5 Audio/Video 属性

属性 描述 audioTracks 返回表示可用音轨的 AudioTrackList 对象 autoplay 设置或返回是否在加载完成后随即播放音频/视频 buffered 返回表示音频/视频已缓冲部分的 TimeRanges 对象 controller 返回表示音频/视频当前媒体控制器的 MediaController controls 设置或返回音频/视频是否显示控件（比如播放/暂停等） crossOrigin 设置或返回音频/视频的 CORS 设置 currentSrc 返回当前音频/视频的 URL currentTime 设置或返回音频/视频中的当前播放位置（以秒计） defaultMuted 设置或返回音频/视频默认是否静音 defaultPlaybackRate 设置或返回音频/视频的默认播放速度 duration 返回当前音频/视频的长度（以秒计） ended 返回音频/视频的播放是否已结束 error 返回表示音频/视频错误状态的 MediaError 对象 loop 设置或返回音频/视频是否应在结束时重新播放 mediaGroup 设置或返回音频/视频所属的组合（用于连接多个音频/视频元素） muted 设置或返回音频/视频是否静音 networkState 返回音频/视频的当前网络状态 paused 设置或返回音频/视频是否暂停 playbackRate 设置或返回音频/视频播放的速度 played 返回表示音频/视频已播放部分的 TimeRanges 对象 preload 设置或返回音频/视频是否应该在页面加载后进行加载 readyState 返回音频/视频当前的就绪状态 seekable 返回表示音频/视频可寻址部分的 TimeRanges 对象 seeking 返回用户是否正在音频/视频中进行查找 src 设置或返回音频/视频元素的当前来源 startDate 返回表示当前时间偏移的 Date 对象 textTracks 返回表示可用文本轨道的 TextTrackList 对象 videoTracks 返回表示可用视频轨道的 VideoTrackList 对象 volume 设置或返回音频/视频的音量

---

下面是比较好用的viedo.js插件

jQueryVideo.js5.16下载

如果有不对的地方请各位纠正错误。共同进步！