7 款超具個性的 HTML5 播放器

本文由碼農網 – 小峰原創，轉載請看清文末的轉載要求，歡迎參與我們的付費投稿計劃！

這篇文章我們要分享一些很有個性的HTML5音樂播放器和視訊播放器，它們都具有播放器的大部分功能，並以HTML5和JavaScript實現。這些HTML5播放器有著非常漂亮的外觀，很多你都無需自己重新定義樣式，引用相關JS即可，原始碼大家都可以下載。

1、HTML5笑臉樣式的音樂播放器

今天要來分享一款非常有愛的HTML5音樂播放器，它的外觀酷似一張笑臉，其實笑臉的樣式也是通過對播放器的各項按鈕進行佈局而產生的。同時這款播放器的功能也是比較完整的，播放、暫停、音量控制、播放進度等。

線上演示        原始碼下載

2、HTML5播放器神話 卡帶式古典播放器

這是一款樣式非常古典，但又是非常時尚的HTML5播放器，說它是古典播放器，是因為這種卡帶式的HTML5播放器比較古老，說它時尚，是因為現在的HTML5播放器很少有這種樣式的，非常有創意。如果你想給你的個人主要新增一款個性化的播放器，那麼這款HTML5卡帶式古典播放器可以選擇一下，個人認為這是HTML5播放器的神話，非常經典。

線上演示        原始碼下載

3、jQuery迷人音樂播放器jPlayer

今天我們要來分享一款非常精巧的jQuery音樂播放器外掛jPlayer，這款jQuery音樂播放器的外觀非常迷人，可以自定義漂亮的播放器背景圖片，而且播放器需要的功能它都齊全，更完美的是，這款jQuery音樂播放器還支援分享至社交網站。

線上演示        原始碼下載

4、HTML5視訊播放器 超酷播放器UI介面

今天要分享一款UI介面非常出色HTML5視訊播放器，播放器具備播放/暫停、音量調節、全拼播放等功能，應該也算是比較完善了的。我們也可以看看之前釋出過的HTML5視訊播放器，像HTML5播放器API集合 輕鬆學會HTML5播放器開發，也非常酷。

線上演示        原始碼下載

5、HTML5環形音樂播放器

今天我要分享一款外觀更酷的HTML5音樂播放器，該播放器是環形的，背景圖片非常漂亮，可以控制播放、調整音量等播放器常用的功能。

線上演示        原始碼下載

6、HTML5視訊播放器Video.Js

今天給大家介紹一款HTML5播放器Video.Js，改HTML5視訊播放器可以自己定義外觀，包括整體顏色，播放按鈕定製等功能。總體來說，Video.Js是一款很不錯的視訊播放器。

線上演示        原始碼下載

7、質感炫酷的HTML5音樂播放器

今天我們要繼續為大家介紹一款HTML5音樂播放器，這款播放器的背景是黑色質感狀的，看起來非常炫酷。同時這款黑色的HTML5音樂播放器具備了最基本的音樂播放器功能。

線上演示        原始碼下載

我們相信隨著HTML5技術和瀏覽器技術的不斷髮展，我們的網頁一定會越來越酷而且實用，基於HTML5的播放器也會越來越多，我們會繼續關注HTML5播放器相關資源，屆時分享給大家。