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

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


一.viedo的标签

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

video.js 中的属性和原生HTML5视频播放_第1张图片

 
**打开视频的时候所显示的图片,可以放个美女。裤子都脱了就让我看这个**

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


src是要插入的视频地址

第二种方式:

 
增加<source>标签

二.全局属性

video.js 中的属性和原生HTML5视频播放_第2张图片
以上图片内所有属性标签全部支持


**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下载
video.js 中的属性和原生HTML5视频播放_第3张图片

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

你可能感兴趣的:(HTML,html5,标签,js-视频播放)