video对象
程序员文章站
2022-07-13 15:38:17
...
video对象
- 这一次来聊聊video对象,算是对video标签更深的理解
- 可以去看以下地址:
https://www.w3school.com.cn/jsref/dom_obj_video.asp
因为太多,就挑重要的说一说:
- autoplay:设置或返回是否在就绪(加载完成)后随即播放视频,说白了就是要不要一上来立马就播放,不过大多数播放器都不会添加这个属性
- controls:设置或返回视频是否应该显示控件(比如播放/暂停等),说白了就是要不要显示默认的控件,如果你想重新设计一个视频播放器,那么不可以添加这个属性,不过如果你只是想看一下视频,那么把必须加上这个属性,video标签要添加这个属性才可以进行播放
- currentTime:设置或返回视频中的当前播放位置(以秒计),这个很重要
- duration:返回视频的长度(以秒计),重要
- ended:返回视频的播放是否已结束,重要
- loop:设置或返回视频是否应在结束时再次播放,重要
- muted:设置或返回是否关闭声音
- paused:设置或返回视频是否暂停,重要
- poster:设置或返回视频的 poster 属性的值
- src :设置或返回视频的 src 属性的值
- volume:设置或返回视频的音量,重要
常用的事件函数
- load():重新加载视频元素
- play():开始播放视频
- pause():暂停当前播放的视频
- 常用的就这三个