技术博客--视频

video标签

<p>
<video src="image/视频1.mp4"   muted autoplay="autoplay" controls="controls"></video><!--静音可以自动播放视频-->
</p>
<p>

autoplay="autoplay"用来告诉video标签自动播放视频

controls="controls"用来设置视频播放的进度条

poster="poster"用来设置视频没有播放前显示的占位图片

loop="loop"一般用于广告视频，用来循环播放视频

preloda="preloda"预加载视频，将视频下载到本地，但是注意preload和autoplay属性相冲。、

muted="muted"使视频静音播放

width、height建议设一个

video第二种格式

<video>
<source scr="视频.webm" type="video/webm"></source>
<source scr="视频.mp4" type="video/mp4"></source>
<source scr="视频.ogg" type="video/ogg"></source>
</video>

由于五大浏览器都不愿意支持别人的视频，所以没有一种视频格式是所有浏览器都支持的，用source标签里的type属性写视频的格式。

视频格式有：Ogg、MPEG 4、WebM。

把三种属性都给type。

audio标签

用来播放音频

<audio src="image/凉凉.mp3" autoplay="autoplay" controls="controls"></audio>

用了autoplay属性仍旧不能自动播放,加上muted也没法自动播放

<audio>
<source src="image/凉凉.mp3" type="audio/mp3"></source>
</audio>

同video标签

video标签里能使用的属性audio基本都能使用，除了3个属性：width、height、poster。