在 HTML 5 出现之前,视频只能使用 Flash 等插件在浏览器中播放。但是在 HTML 5 发布之后,向网页添加视频就像添加图像一样简单。 HTML5“video”元素指定了在网页上嵌入视频的标准方式。
Web 浏览器通常支持三种不同的格式——mp4、Ogg 和 WebM。下表列出了不同浏览器支持的格式:
Browser | MP4 | WebM | OGG |
---|---|---|---|
Google Chrome | Yes | Yes | Yes |
Internet Explorer | Yes | No | No |
Firefox | Yes | Yes | Yes |
Opera | Yes | Yes | Yes |
Safari | Yes | Yes | No |
句法 :
下面列出了可以与“video”标签一起使用的属性:
- 自动播放:它告诉浏览器立即开始下载视频并尽快播放。
- Preload :它旨在向浏览器提供有关作者认为将带来最佳用户体验的提示。
- Loop :它告诉浏览器自动循环播放视频。
- height :它以 CSS 像素为单位设置视频的高度。
- width :它以 CSS 像素为单位设置视频的宽度。
- 控制: 它显示了默认的视频控件,如播放、暂停、音量等。
- 静音:将视频中的音频静音。
- 海报:它在加载视频之前加载要预览的图像。
使用 HTML5 添加视频:
HTML
Adding Video on my webpage
HTML
Adding Video on my webpage
HTML