• 當(dāng)前位置：創(chuàng)新互聯(lián) >> 常見(jiàn)問(wèn)題 >> 前端開(kāi)發(fā) >> html >> 常見(jiàn)HTML5視頻播放器介紹

常見(jiàn)HTML5視頻播放器介紹

• 作者：創(chuàng)新互聯(lián) 文章來(lái)源：前端開(kāi)發(fā)部 點(diǎn)擊數(shù)： 更新時(shí)間：2014-07-25

• HTML5 引入了 <audio> 和 <video> 標(biāo)簽用于在HTML文檔中播放多媒體文件。HTML5視頻是新標(biāo)準(zhǔn)的方式來(lái)顯示在網(wǎng)絡(luò)上的視頻，而無(wú)需使用任何插件，但不同的Web瀏覽器和操作系統(tǒng)，不同視頻格式的支持都有所限制。

  視頻格式和瀏覽器支持情況

  Browser	MP4	WebM	Ogg
  Internet Explorer 9+	Yes	No	No
  Chrome	Yes	Yes	Yes
  Firefox	No Firefox 21 running on Windows 7, Windows 8,  Windows Vista, and Android now supports MP4	Yes	Yes
  Safari	Yes	No	No
  Opera	No	Yes	Yes
  iOS Safari 3.2	Yes	No	No

   

  Embedding Video Player 

  <video poster="movie.jpg" controls>

  <source src="movie.webm" type='video/webm; codecs="vp8.0, vorbis"'>

  <source src="movie.ogg" type='video/ogg; codecs="theora, vorbis"'>

  <source src="movie.mp4" type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'>

  <p>This is fallback content</p>

  </video>

  How to Create HTML5 Video files

  There are some free software available which can convert any video format to HTML5 video format. You can download Miro Video Converter to convert almost any video to MP4, WebM (vp8), Ogg Theora, or for Android, iPhone, and iPad. 
  

  HTML5 Video Players

  1. Projekktor: The Free Web Video Player

  

  2. MediaElement.js

  

  3. Kaltura HTML5 Video Player

  

  4. Codo Player

  

  5. Video.js

  

• HTML5移動(dòng)Web開(kāi)發(fā)框架 - Lungo.js :上一篇
  Google Web Designer：圖形化的HTML5編程工具 :下一篇