NO.19 video标签 与 audio标签

在HTML中<video>用于定义一段视频。<audio>用于定义一段音频。

<video>格式语法: 
           一:   <video src="值"> </video>
           
           二:   <video >
                       <source src="值">
                       <source src="值">
                 </video>
        
  第二种写法,是为了解决浏览器的适配问题而准备的。<video>支持多种视频格式,但某些浏览器不支持某些格式,所以我们可以提前通过<source>
  来把这些视频格式指定给<video>,这样,浏览器在运行时就会从<source>中选取一种合适的/正常的格式。

<audio>格式语法:
           一:   <audio src="值"> </audio>
           
           二:   <audio >
                       <source src="值">
                       <source src="值">
                 <audio >  
                 
  写法与<video>相同。

ps: 在HTML中,<source>为 媒体元素 定义选择媒体资源.<source>允许你规定多个格式的媒体文件,供浏览器根据它对媒体文件的格式类型的支持
来进行选择.<video>与<audio>常需与<source>配合使用。

属性、图解:

1.src: 地址。
2.autoplay: 加载完毕后自动播放视频。

3.controls:显示视频控件。

4.width\height:宽高, 懂的都懂,不上图了。
5.loop:视频播放完毕后循环播放。
6.preload:预加载视频。
当值为"none"时,提示浏览器不加载此视频。
7.poster:规定视频加载时显示的图像，或者在用户点击播放按钮前显示的图像。在无自动播放时和播放视频前,视频的封面就会显示这幅图像。
图像的地址用"src"值来获取。

<audio>的属性描述 参考<video>。
1.src.
2.autoplay.
3.controls.
4.loop.
5.preload.