html5提供了audio和video标签,用来播放音频和视频
通用的属性
src:要播放文件的url
autoplay:是否自动播放:设置这个属性后,默认为播放状态
loop:循环播放,播放完在从头播放
controls:向用户展示控件
muted:静音,设置该属性为静音状态
preload:在页面渲染的时候,就开始加载音/视频,当点击播放时,直接播放,如果设置了autoplay属性,则该属性被忽略
通用方法:
load():重新加载音/视频
play():开始播放
pause():暂停播放
muted:设置或返回是否静音,true为静音,false为非静音
volumn:设置或返回音量,设置值为0到1之间
duration:返回音/视频的总时长
currentTime:设置或返回当前音/视频的播放时间,单位是s;
video的自有方法:
width:设置宽度
height:设置高度
poster:规定视频下载是显示的图像(用户点击播放按钮前显示的图片)
解决浏览器不支持的格式问题
准备几种格式的视频,写一个video标签,在标签内用source标签来分别记载不同格式的视频,当浏览器运行时则会加载他支持的格式
代码如下:
网友评论