Plugin:
Wonder Audio Player Version 12.2 or later
Tutorial:
This tutorial will guide you on how to create an audio player from an XML file using the Wonder Audio Player plugin.
Continue reading
YouTube Error 153
A good understanding of web development is required to follow this article.
If your embedded YouTube videos have suddenly stopped playing on your website, you are not alone. Instead of loading the player, they may now display the message "Error 153: Video player configuration error."
If you right-click on the error screen and select "Copy debug info," you’ll find the following text in the copied data:
"debug_error": "{\"errorCode\":\"embedder.identity.missing.referrer\"
The cause of this issue is the referrer policy. YouTube expects a valid referrer. When the embedded YouTube URL loads on a page where the referrer policy is set to "no-referrer," it triggers Error 153. This was likely tolerated previously, but Google appears to have tightened the policy recently, which has led to the problem.
How to Remove URL Query Parameters in Wonder Lightbox
Plugin:
Wonder Lightbox, Version 10.8 or above
Tutorial:
In some situations, query string or query parameters are dynamically added to image or video URLs. When opening the image or video in the lightbox, you may want to remove the URL query string.
How to Add an Image to the Lightbox Gallery Without Showing It in the Grid Gallery
Product:
Tutorial:
Using the Wonder Grid Gallery plugin, it's easy to create a WordPress grid gallery for images and videos. When clicking on an image in the grid gallery, a lightbox gallery pops up, displaying all the images and videos in the gallery.
In some cases, you may not want to display an image in the grid but still want it to appear in the lightbox popup gallery. This tutorial will guide you on how to do it.
Double Tap to Play or Pause the WordPress Audio Player on Touch Devices
Plugin:
Tutorial:
In the tutorial Use the Space Key to Play or Pause the WordPress Audio Player, we learned how to use the space key to control the audio player. However, on touch devices, there isn't a keyboard available. This tutorial will guide you on how to play or pause the WordPress audio player on touch devices by double-tapping the webpage in mobile web browsers. This tutorial also provides code to support double-click on regular desktop and laptop computers.
Continue reading
How to Modify Grid Gallery Items Before the Gallery Is Rendered on the Page
Plugin:
Wonder Grid Gallery 18.4 or above
Tutorial:
You can use the Wonder Grid Gallery plugin to create a WordPress posts gallery or a custom posts gallery. This plugin allows you to add multiple categories or custom post types to a single gallery.
By default, the gallery displays the posts one category by one category or one custom post type by one custom post type, according to the order in which you have added them to the gallery.
In some instances, you may want to mix all posts or custom post types in a specific order. For example, you may want to display them alphabetically by post title.
Continue reading
Download a Different File Than What is Being Played in the WordPress Audio Player
Plugin:
Tutorial:
In the Wonder Audio Player plugin, you can easily create a player with download buttons in the playlist. When clicking the button, it will download the audio file that is being played.
However, in some cases, you may want to download a different file than what is being played. For example, you might want to download a PDF script file or a larger WAV file instead of the smaller MP3 file. This tutorial will guide you on how to do it.
How to open a different lightbox gallery by clicking buttons in Wonder Slider
Product:
Wonder Slider, Wonder Grid Gallery
Tutorial:
In the tutorial available at https://www.wonderplugin.com/wordpress-lightbox/how-to-open-a-lightbox-gallery-popup-on-clicking-a-link/, we learned how to open a lightbox gallery popup by clicking a button or text link.
In this tutorial, we will add buttons to an image slider created with Wonder Slider and open a different lightbox gallery upon clicking the buttons in the slider.
Continue reading
How to save the current slide ID of the carousel to a web browser cookie and navigate to the slide when the user returns to the page
Product:
Question:
We are using Wonder Carousel with more than 50 text content frames to aid our users in a study program.
We would like to know if there is a way to automatically set a cookie at the most current frame so that when a user returns to the page (same device and browser, of course), the most recent frame will open. Right now, the user has to use the arrow to advance a few or may dozens of pages to get back to where they were in their prior session (if the user even remembers).
How to add extra buttons to control a WordPress audio player on the same webpage
This tutorial will guide you how to add your own buttons to play/pause/rewind/fast forward a WordPress audio player created with the plugin Wonder Audio Player.
If the audio player has a playlist, the tutorial will also guide you how to add buttons to play a specific song in the playlist or switch to the previous or next song.
There are two steps in this tutorial:
- Step 1 - Create an audio player with Wonder Audio Player plugin
- Step 2 - Add buttons with inline JavaScript to control the audio player
- Optional - Use custom JavaScript to control the audio player
