常見 HTML5 視頻播放器介紹
HTML5 引入了 <audio> 和 <video> 標簽用于在HTML文檔中播放多媒體文件。HTML5視頻是新標準的方式來顯示在網絡上的視頻，而無需使用任何插件，但不同的Web瀏覽器和操作系統，不同視頻格式的支持都有所限制。
視頻格式和瀏覽器支持情況
| Browser |
MP4 |
WebM |
Ogg |
</tr>
</thead>
| Internet Explorer 9+ |
Yes |
No |
No |
</tr>
| Chrome |
Yes |
Yes |
Yes |
</tr>
| Firefox |
No
Firefox 21 running on Windows 7, Windows 8,
Windows Vista, and Android now supports MP4 |
Yes |
Yes |
</tr>
| Safari |
Yes |
No |
No |
</tr>
| Opera |
No |
Yes |
Yes |
</tr>
| iOS Safari 3.2 |
Yes |
No |
No |
</tr>
</tbody>
</table>
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
Projekktor is a self-hosted, open source video (and audio) player for the web, written in Javascript, released under GPLv3. It simplifies the way you implement and work with web video by solving tons of cross browser- and compatibility- issues, adding eye candy and by providing extremely powerful non standard features. With other words: We try to create the best truely free web media player – period.
HTML5 player with Flash and Silverlight shims that mimics the HTML5 MediaElement API, enabling a consistent UI in all browsers.
HTML5 Enables Web Pages to playback and manipulate video and audio across platforms and devices - powering amazing rich-media applications that work everywhere. HTML5video.org is an online community of web developers and the home of the Kaltura open source video player Javascript library.
Codo Player solves the problem of various browser/platform video support mismatches in order to reach maximum possible audience. Offering support for HTML5 / FLASH and even 油Tube platforms and providing unified setup, api and user interface.
Video.js is a JavaScript and CSS library that makes it easier to work with and build on HTML5 video. This is also known as an HTML5 Video Player. Video.js provides a common controls skin built in HTML/CSS, fixes cross-browser inconsistencies, adds additional features like fullscreen and subtitles, manages the fallback to Flash or other playback technologies when HTML5 video isn't supported, and also provides a consistent JavaScript API for interacting with the video..
本文由用戶
jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！
sesese色