站点工具

用户工具


<< 返回HTML教程

视频音频

视频

<video src="nba-finals2017-game-1.webm" controls>
  <p>你的浏览器不支持 HTML5 视频。</p> 
</video>

支持多种格式

  • WebM - Chrome 和 Firefox
  • MP4 - IE 和 Safari
  • Ogg - 现在不怎么用了
    <video controls>
    <source src="nba-finals2017-game-1.mp4" type="video/mp4">
    <source src="nba-finals2017-game-1.webm" type="video/webm">
    <p>你的浏览器不支持 HTML5 视频。</p> 
    </video>

更多 video 特性

<video controls width="400" height="400"
       autoplay loop muted
       poster="nab-finals.png">
  <source src="nba-finals2017-game-1.webm.mp4" type="video/mp4">
  <source src="nba-finals2017-game-1.webm" type="video/webm">
  <p>你的浏览器不支持 HTML5 视频。</p> 
</video>

音频

<audio controls>
  <source src="viper.mp3" type="audio/mp3">
  <source src="viper.ogg" type="audio/ogg">
  <p>你的浏览器不支持 HTML5 音频。</p>
</audio>

封面视频

参考链接

admin · 2021/09/15 15:31 · 前端基础_html_video.md.txt