AZ Video and Audio Player for Elementor, Gutenberg and Classic Editor

“AZ Video and Audio Player for Elementor, Gutenberg and Classic Editor” – is a simple, lightweight and customizable HTML5, YouTube, Vimeo & mp3 media player that supports all devices. It supports all the major file formats for audio & video. Included audio & video player widget / addon and shortcode support that has lots of customization optios, using those options you can change the player settings how you want.

👉 Live Demo

Features:

• Supports youtube video
• Supports vimeo video
• Supports HTML5 Video & Audio
• Supports MP3 & MP4
• Customize player colors to match with your brand colors
• Compatible on all mobile & desktop devices
• Fullscreen
• Keyboard shortcuts
• Supports picture-in-picture mode
• Adjust speed on the fly
• Autoplay
• Loop
• Initial Volume
• Change seek time length
• Enable/Disable control icons after 2 second
• Enable/Disable control labels
• Define initial speed
• Display your own preview thumbnail for video
• Very lightweight
• Shortcode support for displaying video & audio player anywhere including Gutenberg, Classic Editor, Elementor, WPBakery Page Builder etc.
• No impact on website speed
• Works with all themes

Video Player Elementor Widget/Addon Options

• Video Type (YouTube/Vimeo/HTML5)
• Youtube Video ID
• Vimeo Video ID
• Vimeo Video ID
• Enable/Disable Autoplay
• Enable/Disable Loop
• Initial Volume
• Click To Play
• Display Time As Countdown
• Seek Time
• Hide Control Icons After 2 second
• Back To Start After End
• Enable Keyboard Shortcuts On Focus
• Enable Keyboard Shortcuts Globally
• Display Control Labels
• Display Seek Tooltip
• Enable Fullscreen Toggle
• Initial Speed
• Show/Hide control options (Play, Play Large, Progress Bar, Current Time, Mute Volume, Caption, Settings Icon, PIP, AIR Play, Full Screen) and
• Design customize options

Audio Player Elementor Widget/Addon Options

• Audio Source (Upload Audio/Audio Link)
• Autoplay
• Loop
• Display Time As Countdown
• Seek Time
• Display Seek Tooltip
• Initial Speed and
• 20+ Syling options

This section describes how to install the “AZ Video and Audio Player Addon for Elementor” plugin and get it working.

1) Install

i. Go to the WordPress Dashboard “Add New Plugin” section.

ii. Search For “Image Hover Effects For Elementor”.

iii. Install, then Activate it.

OR:

i. Unzip (if it is zipped) and Upload az-video-and-audio-player-addon-for-elementor folder to the /wp-content/plugins/ directory

ii. Activate the plugin through the ‘Plugins’ menu in WordPress

2) Configure

i. After install and activate the plugin you will get a notice to install Elementor Plugin ( If allready have it then do not show any notice. ).

ii. To install the plugin click on the “Button” Install Elementor.

iii. 2 new addons called “Video Player” & “Audio Player” will be appear in Elementor under the “General” category

iv. Drag and Drop the the desired addon to your page, play with the options and relax!

1. 

   Plugin Activation - Easy installation and activation process

2. 

   YouTube Video Player - Playing YouTube videos with custom controls

3. 

   Vimeo Video Player - Vimeo video integration with player controls

4. 

   HTML5 Video Player - Native HTML5 video player with custom poster

5. 

   Video Color Customization - Customizing player colors to match your brand

6. 

   Multiple Players - Multiple video players on a single page

7. 

   Audio Player Examples - Various audio player implementations

8. 

   How to Use Video Player - Step-by-step video player setup guide

9. 

   How to Use Audio Player - Step-by-step audio player setup guide

10. 

    All Available Shortcode Options - Complete shortcode reference

11. 

    Elementor Integration - Video player widget in Elementor editor

12. 

    Elementor Video Player Addon Options - Video player widget settings

13. 

    Elementor Video Player Addon Options - Additional video player settings

14. 

    Elementor Video Player Styling Options - Video player design customization

15. 

    Elementor Audio Player Addon Options - Audio player widget settings

16. 

    Elementor Audio Player Styling Options - Audio player design customization

Version: 2.1.5

• Added: Dynamic tags support for both audio and video player

Version: 2.1.4

• Fixed: Flush of Unstyled Content (FOUC) issue on admin pages

Version: 2.1.3

• Security: Improved output escaping in admin notices

Version: 2.1.2

• Improved: Cross browser compatibility
• Updated: Language translation file

Version: 2.1.1

• Improved: Cache busting mechanism for assets

Version: 2.1.0

• Added: Shortcode support for Audio & Video Player
• Improved: Code optimization and minor improvements
• Updated: Language translation file

Version: 2.0.3

• Updated the plyr library to latest version

Version: 1.0.0

• Initial Release