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返回表示音频/视频当前媒体控制器的 MediaControllercontrols设置或返回音频/视频是否显示控件（比如播放/暂停等）crossOrigin设置或返回音频/视频的 CORS 设置currentSrc返回当前音频/视频的 URLcurrentTime设置或返回音频/视频中的当前播放位置（以秒计）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下载

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