audio :音频 ,双标签
controls : 显示控件
loop : 循环播放
autoplay : 自动播放 ( 很多浏览器已经禁止这个功能,因为考虑到用户体验的问题 )
muted : 静音
video : 视频 , 双标签
object-fit: cover; 可以让视频覆盖整个父容器。
注:音频和视频的默认控件是隐藏的。
注:如果想做出跟QQ音乐一样的效果:audio标签 + 隐藏控件(默认的,控件的样式用HTML+CSS模拟)+ JavaScript来实现交互功能。
注:在视频中,可以通过 autoplay + muted 可以在静音的情况下进行自动播放。
注:默认情况下,视频是不能进行拉伸的,必须成比例。
注:为了能够支持多个备选文件的兼容支持,可以配合source标签。