html中video标签

时间:2023-03-09 17:14:47
html中video标签

video标签:

<video src="视频的后缀名是.webM/.ogg/.mp4 "></video>
属性: src:用于告诉video标签需要播放的视频地址
           autoplay:用于告诉video标签是否需要自动播放视频
           controls:用于是否显示控制条
           poster:用于告诉video标签视频没有播放之前显示的占位图片
           loop:一般用于做广告视频,用于告诉video标签视频播放完毕后是否需要循环播放
           preload:预加载视频,但是需要注意preload和autoplay相冲,如果设置了autoplay属性,那么preload属性就会失效
           muted:静音
           width/height:宽高度

video标签的第二种格式:(存在意义:解决浏览器适配问题

<video>
	<source src="" type="video/webm"></source>
	<source src="" type="video/mp4"></source>
	<source src="" type="video/ogg"></source>
</video>

  由于视频`数据非常重要,所以五大浏览器厂商都不愿意支持别人的视频格式,所以导致了没有一种视频格式是所有浏览器都支持的,这个时候W3C为了解决这个问题,所以推出了第二个video标签格式。
  video元素支持三种视频格式,我们可以把这三种格式都通过source标签指定给video标签,当浏览器播放视频时它就会从这三种中选择一种自己支持的格式来播放
  注意:因为并不是所有的浏览器都支持html5的标签,以后要想让所有浏览器都能播放视频,后面还要学习JavaScript框架的htmlmedia标签