1.(容器) .mp4 .ogg .avi 等文件其实是一种对视频文件的容器,就相当于我们常见的.zip 压缩文件一样
2.(编解码器) 要想使用这样的文件,你需要浏览器,或者设备支持对.mp4 .ogg .avi 等这类文件的解码,(读取也就是)
3.(兼容性) 所谓的兼容性就是因为不同的浏览器厂商内置不同的视频编解码器导致的,(这时候用到了兼容性库)
4.(解决兼容性) 移动端主要是ogg PC端主要是mp4 通过FFmpag软件转换视频格式,音频同理
5.(video的属性)
<video width="500" height="300" poster ="./video/girl.png"
controls loop autoplay muted src="./video/girl.mp4" >
</video>
(1) poster 指定播放前展示的海报图片
(2) controls 显示或影藏用户控制页面
(3) loop 媒体是否循环播放
(4) autoplay 是否自动播放
(5) muted 是否静音
(6) preload 这个参数有三个参数 分别是none(提示浏览器该视频不用缓冲) auto(浏览器优先加载这个视频) metadata(正常使用)
6.(video的js相关属性,可设置)
(1) currentTime 开始播放到现在所有的时间
(2) muted 静音模式
(3) duration
媒体的总时间
(4) volume 设置或返回音频/视频的音量
(5) ended 返回音频/视频的播放是否已结束
(6) error 返回表示音频/视频错误状态的 MediaError 对象
(7) paused 设置或返回音频/视频是否暂停
(8) currentSrc 返回当前音频/视频的 URL
6.(video的方法)
(1) play() 开始播放音频/视频
(2) pause() 暂停当前播放的音频/视频
(3) load() 重新加载音频/视频元素