video，source元素

一，视频

<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

转载于:https://www.cnblogs.com/Litter-Tulip/p/5263174.html