video标签

video标签

作用：播放视频

格式：

src="images/2.webm"autoplay="autoplay">

属性：

src：用于告诉video标签需要播放的视频地址

autoplay：用于告诉video标签是否需要自动播放视频

controls：用于告诉video标签是否需要显示控制条

poster：用于告诉video标签视频没有播放之前显示的占位图片

loop：一般用于广告视频

preload：预加载视频  注：preload与autoplay相冲，如果设置autoplay属性，preload属性会失效

muted：静音

width：宽度  注：宽高需要匹配

height：高度

例：

src="images/2.webm"autoplay="autoplay"controls="controls"poster="images/2.jpg"height="500">

src="images/2.webm"loop="loop">

video标签 作用：播放视频 格式： src="images/2.webm"autoplay="autoplay"> 属性： src：用于告诉video标签需要播放的视频地址 autoplay：用于告诉video标签是否需要自动播放视频 controls：用于告诉video标签是否需要显示控制条 poster：用于告诉video标签视频没有播放之前显示的占位图片 loop：一般用于广告视频 preload：预加载视频  注：preload与autoplay相冲，如果设置autoplay属性，preload属性会失效 muted：静音 width：宽度  注：宽高需要匹配 height：高度 例： src="images/2.webm"autoplay="autoplay"controls="controls"poster="images/2.jpg"height="500"> src="images/2.webm"loop="loop"> 没有一种视频格式是所有浏览器都支持的，所以有第二种格式 src=""type=""> src=""type=""> src=""type=""> video支持三种视频格式（ogg/mpeg 4/webm），可以把三种格式都通过source标签指定给video标签，那么以后当浏览器播放视频时会从三种选择支持的格式来播放 例： src="images/2.webm"type="video/webm"> src="images/2.mp4"type="video/mp4"> src="images/2.ogg"type="video/ogg"> 当前通过video标签的第二种格式虽然能够指定所有浏览器都支持的视频格式，但是显然所有浏览器都通过video标签播放视频还有一个前提条件，浏览器必须支持HTML5标签，否则同样无法播放，可通过js框架html5media实现