一,视频
<video src="../[再一次快乐结局]第15集.mp4" controls="controls" width="500" height="300" poster="../1.jpg" loop="loop" autoplay="autoplay" preload="auto"> 您的浏览器暂不支持! </video>
注意:此标签不在input标签内
control:显示视频的播放,音量,暂停等工具栏
width,height:视频的长宽
poster:播放前的预览图
loop:当图片结束时,重新播放
autoplay:加载结束自动播放
preload: 1.auto:自动加载视频的播放时间,播放内容
2.none:默认值
3.metadata:自动加载视频的时间,但不加载播放的内容
<video width="500" controls="controls" > 您的浏览器暂不支持!
<source src="../[再一次快乐结局]第15集.mp4" type="video/mp4" />
<source src="../[再一次快乐结局]第15集.webm" type="video/webs" />
<source src="../[再一次快乐结局]第15集.ogg" type="video/ogg" />
</video>
您的浏览器暂不支持此格式!
</video>
source:解决浏览器的兼容性问题,但此时video标签内不能使用src
以上三种视频格式,浏览器会根据格式选择播放,哪种格式合适就哪种,若格式都不满足,将会显示source标签中的内容;
二,音频
<audio controls="controls" > 您的浏览器暂不支持!
<source src="../爱你.mp3" type="audio/mp4" />
<source src="../爱你.webm" type="audio/webs" />
<source src="../爱你.ogg" type="audio/ogg" />
</audio>
与video相比,减少的属性:width poster