Quran Player – Free Quran Audio Player for WordPress

Get Quran Player, a free WordPress plugin for Quran recitations. Choose reciters and surahs, search, play audio, and add the player using Gutenberg or a shortcode.

Quran Player for WordPress – Free Quran Recitation Player

Quran Player is a free WordPress plugin that allows website visitors to listen to Quran recitations by selecting their preferred reciter and surah from a simple, Arabic-friendly audio player.

The plugin retrieves reciter lists, surah information, and audio recitation links through the Quran.Foundation Content API, making it possible to integrate Quran recitations into your WordPress website.

🌐 Explore Quran.com: https://quran.com

Quran data provided by Quran.Foundation.

Features

  • Reciter Selection: Browse available Quran reciters and choose the reciter you wish to listen to.
  • Surah Selection: Select the surah you want to play.
  • Search: Quickly find reciters and surahs using the built-in search fields.
  • Audio Player: Play Quran recitations using the MediaElement player included with WordPress.
  • Automatic Next-Surah Playback: Move to the next surah when the current recitation finishes, subject to audio availability and browser autoplay restrictions.
  • Remember Your Selection: Remember your last selected reciter and surah in the same browser.
  • Gutenberg Block: Insert the Quran Player block directly into WordPress pages and posts.
  • Widget Area Support: Add the player to supported sidebars and widget areas using the block-based Widgets Editor.
  • Shortcode Support: Embed the player wherever shortcodes are supported using [quran_player].
  • Server-Side API Integration: Keep API credentials on the server rather than exposing the client secret in browser-side code.
  • WordPress Core Integration: Use WordPress functionality and its built-in audio player without requiring additional third-party JavaScript libraries.

How to Use

  1. Install and activate the plugin on your WordPress website.
  2. Configure your Quran.Foundation API credentials in the plugin settings.
  3. Test the API connection to verify that the service is accessible.
  4. Add the Quran Player Gutenberg block to a page, post, or supported widget area, or use the [quran_player] shortcode.
  5. Save your changes and test the player.

Requirements

  • WordPress 6.2 or later.
  • PHP 7.4 or later.
  • Valid Quran.Foundation API credentials and the appropriate content access permissions.
  • An internet connection from your website’s server to the API service.

Important: Production API access may be required to retrieve the complete Quran. The pre-live environment is intended for testing and provides only Al-Fatihah and Al-Baqarah.

A Free Gift and a Sadaqah Jariyah

This plugin is shared free of charge with the hope that it will help people listen to the Holy Quran more easily.

I dedicate this work as a Sadaqah Jariyah (ongoing charity) for my father and mother. I pray that Al