前言介紹
- 這款 WordPress 外掛「HTML5 Audio Player- Best WordPress Audio Player Plugin」是 2015-11-10 上架。
- 目前有 10000 個安裝啟用數。
- 上一次更新是 2025-04-24，距離現在已有 9 天。
- 外掛最低要求 WordPress 5.2 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.1 以上。
- 有 164 人給過評分。
- 論壇上目前有 3 個提問，問題解答率 67% ，不低，算是個很有心解決問題的開發者團隊了！
外掛協作開發者
abuhayat | bplugins | freemius | shehabulislam |
外掛標籤
audio | player | mp3 player | audio player | html5 player |
內容簡介
在 WordPress 中播放 MP3、WAV、OGG 音頻檔案。一款簡單、可訪問、易於使用和可完全自定義的音頻播放器，可在所有設備上運行。您可以在文章、頁面、小工具區域以及模板檔案中播放和嵌入漂亮的音頻播放器。它具有大量選項，可滿足您的音頻播放器需求。
查看演示
購買專業版
如何使用？
這是一個快速入門教程。
功能
在文章、頁面、小工具區域和主題模板中嵌入音頻播放器
音頻播放器很小巧，因此不會佔據您網頁上的太多空間。
支援內嵌播放。
可對所有按鈕進行控制。
基於短代碼驅動。因此它更強大。
非常易於使用，這意味著您不必是專家即可使用此外掛程式。
兼容 HTML5，因此使用此外掛程式嵌入的音頻檔案將在 iOS 設備上播放
適用於所有主要的瀏覽器 - IE7、IE8、IE9、Safari、Firefox、Chrome
音頻播放器是響應式的。
如果您在播客，則可以使用此音頻播放器在 WordPress 文章或頁面中嵌入音頻檔案
如果您正在從網站銷售音頻檔案，則可以使用此外掛程式提供預覽
使用自動播放選項即可在頁面載入時立即播放音頻/ MP3 檔案
能夠指定音頻檔案的 mp3 和 ogg 版本，插件將根據設備播放適當的檔案。
輕鬆瘦身
專業版功能
專業版有哪些新功能？
彩色變更選項。
顯示快進和倒帶按鈕
通過更改預加載選項來增加頁面載入速度。
無廣告
隱藏/顯示重新啟動按鈕
隱藏/顯示下載按鈕。
隱藏/顯示播放按鈕
隱藏/顯示播放器中的音頻進度條。
隱藏/顯示播放器中的音頻長度。
隱藏/顯示靜音按鈕。
隱藏/顯示音量控制。
在播放器中顯示/隱藏設置按鈕。
通過設置按鈕來控制音頻速度。
帶有單個播放按鈕的播放器。
如何使用
安裝後，您可以在儀表板中看到一個名為“Html5 Audio Player”的側邊欄菜單
從那裡添加一個或多個播放器。
您將在播放器列表中為每個播放器獲得短代碼。
複製您想要發布的播放器的簡碼
將簡碼粘貼到文章、頁面、小工具區域即可發佈。如果要在模板檔案中發佈播放器，請使用
享受！
Gutenberg 塊
此外掛程式在常用類別下添加了一個名為Html5 Audio Player的 Gutenberg 塊。
轉到 WordPress 管理介面，打開文章或頁面編輯器。
單擊左上角的加號或正文中的加號。
搜索或在常用區塊類別中查找並選擇Html5 Audio Player。
單擊圖標即可添加。
選擇一個播放器
發佈並享受！
要了解安裝說明，請單擊「安裝」選項卡
回饋
喜歡此外掛程式嗎？ 討厭它？ 想新增功能？ [給我一些回饋](mailto: [email protected])。
原文外掛簡介
You can add/embed and play almost all types of audio files in your post, page, and widgets areas as well as in the template files. HTML5 Audio Player has many options and features that fit your audio player needs.
HTML5 Audio Player can play on all major browsers. Our audio player plugin is shortcode-driven, so adding audio players to any part of your website becomes easy. Also, the HTML5 audio player plugin is lightweight so it doesn’t put any pressure on your website speed and performance.
HTML5 Audio Player plugin prioritizes user convenience with full control over buttons and compatibility across major browsers and iOS devices.
With responsiveness and a lightweight design, it’s suitable for various uses such as podcast embedding and audio file previews.
Other features include customizable color options, fast forward/rewind buttons, preload options for enhanced page load speed, ad-free experience, and control over player elements like restart, download, play, progress bar, duration display, mute, volume, settings, and playback speed adjustment.
See Live Demo
Buy The Pro Version
How to use HTML5 Audio Player?
Get a quick video tutorial-
Shortcode Usage – Quick Embed
The plugin provides a simple shortcode: [audio_player].
Attributes:
1. src (required) – The URL of the audio file to be played.
2. width (optional, default: 100%) – Sets the width of the audio player. You can use percentage or pixel values, e.g., 100% or 300px.
Examples
Basic Usage
[audio_player src=”https://example.com/audio-file.mp3″]
Custom Width
[audio_player src=”https://example.com/audio-file.mp3″ width=”300px”]
HTML5 Audio Player Features
Embed audio player in the post, page, widget area, and theme templates
The audio player is compact so it does not take up a lot of space on your webpage.
Support play inline.
Controls over all the buttons.
Shortcode driven. So it’s more powerful and you can add an audio player anywhere on your website.
It’s very easy to use which means you don’t have to be an expert to use this plugin.
HTML5 compatible so the audio files embedded with this plugin will play on iOS devices
Works on all major browsers – IE7, IE8, IE9, Safari, Firefox, Chrome, edge
The audio player is responsive.
If you do podcasting then this audio player can be used to embed the audio files on your WordPress posts or pages
If you are selling audio files from your site then you can use this plugin to offer a preview for your users to see the file before purchasing
Use the autoplay option to play an audio/mp3 file as soon as the page loads
Ability to specify both the MP3 and Ogg versions of your audio files. The plugin will play the appropriate one based on the device of the user.
Lightweight and user-friendly
HTML5 Audio Player Pro Version Features
Here are the pro features of this WordPress audio player for website-
Color-changing options. You can add different color customizations to the audio players
Show Fast Forward And Rewind Button
Increase Page load speed by changing Preload Options and improve performance
No Ads
Hide / Show Restart Button
Hide / Show Download Button
Hide / Show Play Button
Hide / Show the audio Progress bar
Hide / Show audio duration in the player
Hide / Show Mute Button
Hide / Show the volume Control
Show / Hide Setting button in the Player
Control the audio speed by setting a button
Audio Player with a single Play Button
HTML5 Audio Player step-by-step guide
After installation, you can see a sidebar menu in the WordPress dashboard called “HTML5 Audio Player”
Add one or more players from there.
You will get Shortcode for every player On the player list.
Copy Shortcode for the player you wanna publish and add to your website
Past the shortcode in the post, page, and widget areas of your website to publish them. if you want to publish a player in a template file use
You can also use this shortcode [audio_player src=”https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4″ width=”100%”] to publish a audio player
Enjoy!
Gutenberg Block
HTML5 Audio Player plugin adds a Gutenberg Block Called HTML5 Audio Player Under the Common Category
Go to your WordPress Admin interface and open a post or page editor.
Click the plus button in the top left corner of the body of your post/page.
Search or look for the block in the Common Block Category and select HTML5 Audio Player.
Click the Icon to add the player.
Select An Audio Player
Publish and Enjoy!
For installation help click on Installation Tab
User Feedback
❛❛I bought a second license for another site because this plugin satisfied all my needs. I had a small problem on this new site and support solved the problem within hours of my request. Thank you so much. You are awesome.❜❜
-pripyat51
❛❛Loving the player and the support they have provided. The new features are exactly what we need. Thank you!❜❜
-hoffmaw
Like that plugin? Hate it? Want a new feature? [Send me some feedback](mailto: [email protected] “Send feedback”)
⭐ Checkout our other WordPress Plugins-
🔥 Html5 Audio Player – Best audio player plugin for WordPress.
🔥 PDF Poster – A fully-featured PDF Viewer Plugin for WordPresss.
🔥 StreamCast – A fully-featured Radio Player Plugin for WordPresss.
🔥 3D Viewer – Display interactive 3D models on the webs.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「HTML5 Audio Player- Best WordPress Audio Player Plugin」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.0 | 1.1 | 1.2 | 1.4 | 1.4.1 | 2.1.6 | 2.3.0 | 2.3.1 | trunk | 2.1.12 | 2.2.14 | 2.2.18 | 2.2.19 | 2.2.24 | 2.2.25 | 2.2.26 | 2.2.27 | 2.2.28 |
延伸相關外掛（你可能也想知道）
Easy Video Player 》Easy Video Player 是一個易於使用的 WordPress 影片外掛程式，可展示您的影片。您可以嵌入自行架設的影片或使用直接連結外部架設的影片。, Easy Video Playe...。
MediaElement.js – HTML5 Video & Audio Player 》此外掛為 WordPress 設計的影音控制元件，是建立在 MediaElement.js HTML5 播放器程式庫之上，並為不支援 HTML5 的瀏覽器提供 Flash 或 Silverlight 候補播放...。
Videojs HTML5 Player 》Video.js HTML5 Player 是一個支持桌面和移動裝置視頻播放的用戶友好的外掛。它讓你輕鬆嵌入自主託管的視頻文件或使用 Video.js 庫的外掛視頻文件。, , Video...。
Video.js – HTML5 Video Player for WordPress 》, , 這是一個基於 Video.js HTML5 播放器庫所建立的 WordPress 外掛。它能夠讓您使用 HTML5 在文章或頁面中嵌入影片，並提供 Flash 回退支援非 HTML5 瀏覽器...。
Simple YouTube Responsive 》使用簡單的縮略語，嵌入 YouTube 影片且保持其縱橫比。, , 簡單的縮略語，可以在文章或小工具中使用。, 使用預設的 YouTube 嵌入碼 (iframe)。, 自訂縱橫比，...。
AZ Video and Audio Player Addon for Elementor 》更新：高級功能現在在此外掛中免費使用，版本為「2.0.1」, 「AZ Video and Audio Player Addon for Elementor」是一個簡單、輕量級和可自定義的 HTML5、YouTu...。
Flash Video Player 》 WordPress 的 Flash 影片外掛程式可以使用符合標準的標記和領先的開源軟體（Jeroen Wijering 的 FLV 播放器和 Geoff Stearns 的 SWFObject JavaScript Libra...。
WP YouTube Player 》WP Youtube Player 可以使用單一的快速標籤 [tube] 在 WordPress 上插入 YouTube 影片。, 特點, , 容易安裝, 使用簡單的程式碼嵌入 YouTube 影片, 易於配置的...。
Protected Video 》使用這個 Gutenberg 區塊和 Shortcode，您可以嵌入 YouTube/Vimeo 影片，而且可以防止使用者輕易地存取背後的影片。, 當您想將「未列出」的付費課程影片內嵌...。
Podbean Shortcode 》Podbean Shortcode 外掛是一個簡單的方式，讓你可以將 Podbean 音視頻播放器嵌入到你的 WordPress 博客中。這對於任何 Podbean 播客皆適用。安裝此外掛後，它...。
Meks Audio Player 》輕鬆增強您的播客、音樂或任何網站上的音訊。Meks Audio Player 最初是為我們的 Megaphone 主題 提供支援，但現在它可以用於在任何 WordPress 網站上播放音訊...。
HDW Player Plugin (Video Player & Video Gallery) 》HDW Player（視頻播放器＆視頻畫廊）是WordPress網站的令人印象深刻的FLV播放器。此外掛與WordPress上其他可用的插件不同且獨特。您可以輕鬆地將此插件安裝到...。
Media Player Style Kit 》WordPress 媒體播放器功能很棒，但預設的樣式並不適用於太多佈景主題。加上很少有佈景主題開發者加入自訂媒體播放器樣式，這就需要媒體播放器樣式套件(Media ...。
WP GIF Player – Play & Pause 》您可以在外掛選項頁面中選擇三種 GIF 播放方式之一。, GIF, 這是預設方法。, 當在您的媒體庫中上傳 GIF 時，會創建一個圖像縮略圖以作為 GIF 播放器的預覽。...。
Mixcloud Embed 》Mixcloud Embed 外掛讓您可以透過使用 [mixcloud] 短代碼，將 Mixcloud 播放器嵌入您的 WordPress 部落格或頁面中。, 此外，您還可以展示混音播放清單。, 在...。